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Prólogo 


La redacción de esta obra me entregó la posibilidad 
de investigar y profundizar mis conocimientos sobre las 
tecnologías que se están implementando en el desarrollo de 
sistemas, donde el principal protagonista es el usuario. Hoy 
en día, es necesario crear sistemas aptos para evolucionar en 
el tiempo, que a la vez puedan soportar alto tráfico. 

Tener en cuenta la capacidad que tendrá nuestro sistema 
para escalar nos hace pensar en alternativas antes de 
desarrollar una aplicación; por ejemplo, qué tipo de base de 
datos necesitaremos y a qué le daremos más importancia: 

a la cantidad, a la calidad de los datos o a mecanismos que 
informen en tiempo real al usuario sobre una situación. 

Como desarrollador de sistemas, me he encontrado en 
situaciones donde tuve que optar entre varias tecnologías para 
resolver un problema (por ejemplo, entre una base de datos 
relacional, una base de datos NoSQL o una combinación de 
ambas) pero, como veremos más adelante, ninguna tecnología 
es mejor que otra sino que, simplemente, algunas se ajustan 
mejor a la necesidad a resolver. 

Estamos acostumbrados a interactuar con otros usuarios e 
incluso con el sistema mismo en tiempo real, pero antes esta 
situación era diferente, ya que el circuito de la comunicación 
era un ida y vuelta entre el cliente, que solicitaba algo al 
servidor, y la devolución que éste le hacía en algún formato. 

Gracias a Node.js podemos desarrollar sistemas escalables 
de una manera muy rápida y, debido a que Node utiliza la 
herramienta NPM para gestionar módulos, podemos instalar 
y crear los propios casi sin esfuerzo. 

Finalmente, otra característica importante que ofrece 
Node es la posibilidad de utilizar frameworks como Express. 
Gracias a Express, es posible crear sistemas independientes 
sin necesidad de contar con un servidor web externo. 


Carlos Alberto Benitez 


cabenitez830 gmail.com 
Twitter: Obetustwit 
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El libro de un vistazo 


En la obra conoceremos de qué se tratan los sistemas web escalables. 
Haremos una introducción a los sistemas de base de datos NoSQL que 
nos servirá de punto de partida para aprender a trabajar con Redis y PHP. 
Luego haremos una breve explicación acerca de los sistemas orientados a 


eventos, donde estará enmarcado Node.js, y para finalizar crearemos una 


red social utilizando las herramientas mencionadas en el libro. 


*( LEE 


INTRODUCCIÓN A LOS SISTEMAS 









ESCALABLES 


En este capítulo aprenderemos los tipos de 
escalabilidad y los aspectos que debemos 
tener en cuenta para diseñar un sistema que 
escale. Además, conoceremos algunas de 
las bases de datos NoSQL más importantes, 
como MongoDB, Cassandra y Redis. 


* 






AAA 





Haremos una introducción al motor de base 

de datos Redis, cuándo es conveniente usarlo 
y cómo instalarlo. Luego veremos los tipos de 
datos que define y los comandos que podemos 
utilizar, tanto para interactuar con los datos 
como para administrar el servidor. 


* 






Z 


Aquí conoceremos dos de los clientes 

de Redis disponibles para PHP, y nos 
enfocaremos en phpredis. Veremos cómo 
instalarlo y estudiaremos una herramienta de 
administración de la base de datos. 
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En esta sección aprenderemos cómo configurar 


la replicación y los tipos de persistencia de 
Redis y veremos las opciones de seguridad que 
podemos implementar en esta base de datos. 
Luego conoceremos una herramienta muy útil, 
que nos servirá para evaluar el rendimiento en 
diferentes condiciones. 


*N5 


Z e 





PROGRAMACIÓN ORIENTADA A EVENTOS 


Este capítulo nos mostrará los diferentes 
paradigmas del desarrollo de sistemas, para 
terminar haciendo foco en la programación 
orientada a eventos, que nos servirá de 
introducción para entender lo que veremos 


en el siguiente capítulo. 


* LV 


Aquí conoceremos Node.js, las soluciones 

que ofrece y sus características. Veremos 

cuándo utilizar esta tecnología y cuándo es 
conveniente optar por otra, junto con las 


ventajas y empresas que la utilizan. 


SISTEMAS WEB ESCALABLES 


* 





*na IAS 
MORA AAA > 


P DI 


MANEJO DE PETICIONES EN NODE.JS 





Inicialmente estructuraremos el código escrito 
en Node. Luego, convertiremos nuestra 
aplicación en un servidor web y aprenderemos 
cómo transformarlo en un módulo. Al final 

del capítulo hablaremos acerca de ruteo y 
manejador de peticiones. 


NR LEE 
GESTIÓN DE MÓDULOS EN NODE.JS 


Conoceremos algunos de los módulos de 
Node.js y sabremos cómo estructurar y 
crear módulos propios. También veremos de 
qué se trata el gestor de paquetes conocido 
como NPM, cómo instalarlo y cuáles son sus 
comandos más importantes. 


Nos adentraremos en algunos de los módulos 
más importantes de Node.js, como el 
framework MVC Express, Socket.lO (para 
manejar eventos de tiempo real), Nodemailer 
(para envío de correos electrónicos), 


node_redis y Nodemon. 





Finalmente, en esta parte de la obra 


aplicaremos los conceptos de desarrollo 
aprendidos en los capítulos anteriores. El 
objetivo será desarrollar una red social, un tipo 
de sistema que refleja todas las características 
que deben tener los sistemas escalables. 


MRAN NS 





A lo largo de este manual, podrá encontrar una serie de recuadros que le brindarán información complementaria: 


curiosidades, trucos, ideas y consejos sobre los temas tratados. Para que pueda distinguirlos en forma más sencilla, 


cada recuadro está identificado con diferentes iconos: 


CURIOSIDADES ATENCIÓN 
E IDEAS 


DATOS ÚTILES SITIOS WEB 
Y NOVEDADES 
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Introducción 


Son cada vez más las compañías que desarrollan productos 





digitales con la idea de poder escalar a medida que pasa el 
tiempo. Esta tarea no es fácil ya que, inicialmente, es necesario 
saber en qué consiste la escalabilidad vertical y horizontal. 

Un sistema escalable debe ser capaz de tolerar fallos y debe 
estar descentralizado, de manera que la caída de un nodo no 
signifique la pérdida total del sistema. 

El aumento de la accesibilidad a Internet ha provocado la 
necesidad de implementar sistemas de persistencia óptimos 
y que ofrezcan una mayor flexibilidad de almacenamiento. 
Inicialmente, fueron las compañías más importantes las que 
optaron por desarrollar bases de datos no relacionales, ya 
que eran las que contaban con infraestructura y capacidad 
económica para hacerlo. Pero hoy, gracias a proyectos bajo 
licencias libres como MongoDB y Redis, cualquier persona es 
capaz de desarrollar un sistema con bases de datos NoSQL. 

Cuando hablamos de bases de datos por lo general solo 
pensamos en cómo persistir los datos y no dónde hacerlo. 
Redis es una alternativa muy interesante, ya que opera en 
memoria, por lo que brinda una performance realmente muy 
buena para lectura y escritura de datos. Ofrece varios clientes 
que permiten interactuar con los lenguajes de programación 
más populares, entre ellos, PHP y Node.js. 

Debido a la gran popularidad de PHP en el mundo de los 
sistemas web, es una alternativa a tener en cuenta en la 
integración con las bases de datos NoSQL. Como veremos a 
lo largo del libro, Redis dispone de un cliente para operar de 
manera nativa con el intérprete de PHP. 

Las redes sociales han evolucionado de una manera muy 
significativa, generando en los usuarios la necesidad de 
información actualizada, en todo momento y desde cualquier 
lugar. Node.js ofrece un entorno independiente, capaz de 
responder en tiempo real a las acciones del usuario. 
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Introducción a los 
sistemas escalables 


Conoceremos los aspectos fundamentales del diseño 

de sistemas web de gran tráfico, a los que llamaremos 
sistemas escalables. Veremos las técnicas de desarrollo 

más adecuadas y diferenciaremos dos tipos de escalabilidad. 
Por último, nos encargaremos de realizar una breve 


introducción a algunas bases de datos NoSQL. 


v Sistemas escalables ....ococcccaanns 14 v DescentralizaciÓn.......cccccmmnnnnnns 25 
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14 MITA 1. INTRODUCCIÓN A LOS SISTEMAS ESCALABLES 


à Sistemas escalables 


Hace unos años, con la aparición de Ajax, muchos desarrolladores 
pensábamos que quedaba poco por innovar en el mundo de los 
sistemas web. Sin embargo, este surgimiento dio lugar a nuevos 
desafíos a la hora de satisfacer las necesidades de los usuarios 
durante la implementación. Cada vez es más importante desarrollar 
sistemas web perdurables en el tiempo y con la capacidad de soportar 
mayor demanda sin perder rendimiento. Uno de los grandes retos es 
planificar una arquitectura adecuada, que no sea propensa a fallas o 
a congestiones en el servidor, para mantener un rendimiento óptimo. 

Podemos decir que el desarrollo web es un proceso continuo, que 

no termina cuando está publicado el sistema 
en cuestión, sino que se extiende a través de 


GOOGLE ANALYTICS la implementación de nuevas funcionalidades, 
ES UNA DE optimizaciones y gestión de contenidos. A 
partir del desarrollo posterior a la primera 
LAS OPCIONES implementación, los sistemas web deberían 
DE ANÁLISIS adaptarse a la demanda y al tráfico, que se 


encuentran en constante cambio. 


EXISTENTES Gracias a las herramientas de análisis actuales, 


er 


como la famosa Google Analytics, es posible 

conocer cómo se comporta un sistema web y cómo 
debe ir ajustando su rendimiento dependiendo del tráfico que recibe, 
el nivel de aceptación de los usuarios, el tipo de contenido de mayor 
impacto y los patrones de navegación. 

Una buena planificación en la construcción de un sistema web es 
fundamental para el futuro a largo plazo. El análisis y la comprensión 
del funcionamiento de grandes sitios pueden dar lugar a decisiones 
más inteligentes sobre cómo debemos crear los nuestros. 

A continuación, veremos los principios que influyen en el diseño 
de sistemas web de gran escala: 


e Disponibilidad: el tiempo de funcionamiento de un sistema 
web es algo primordial para la reputación y la funcionalidad de 
muchas empresas. Tanto es así que, para algunos de los sitios más 
importantes de venta en línea, el hecho de no estar disponibles 
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por unos pocos minutos puede significar 


una pérdida de miles en ingresos, por lo que TANTO EL 
el diseño es muy importante para que los RENDIMIENTO COMO 
sistemas estén siempre en uso. 

e Rendimiento: el rendimiento es un factor LA MANEJABILIDAD 
cada vez más importante, ya que la velocidad SON CLAVES AL 
de navegación y la facilidad de uso son _ 
determinantes para que un usuario decida DISENAR UN SISTEMA 
recurrir a nuestro sistema. Por otro lado, los 
resultados en los motores de búsqueda se y y 
relacionan directamente con los ingresos de las empresas. Por lo 


tanto, es importante saber que un sistema web deberá dar respuesta 
a los usuarios tan rápido como esto sea posible. 

e Manejabilidad: es necesario tener en cuenta que el diseño de un 
sistema fácil de manejar es una consideración determinante, ya que 
la capacidad de administración es equivalente a la capacidad de 
ampliación de las operaciones de mantenimiento y actualización. 
Cuestiones que inciden en la capacidad de administración son la 
facilidad de diagnóstico y la comprensión de los problemas para 
poder hacer cambios o modificaciones. 

e Costo: el costo es un factor importante pero no determinante. 
Incluye tanto el hardware como el software, además de otros 
aspectos para implementar y mantener los sistemas, como el 
tiempo de desarrollo y el que se necesita para operarlos. 


De todo lo anterior, obtenemos el concepto de escalabilidad, que es 
la habilidad que tiene un sistema web para procesar mayor información 
sin perder rendimiento, principalmente en los tiempos de acceso a la 


ul RED USERS PREMIUM 





Para obtener material adicional gratuito, ingrese a la sección Publicaciones/Libros dentro de 
http://premium.redusers.com. Allí encontrará todos nuestros títulos y podrá acceder a contenido 
extra de cada uno, como sitios web relacionados, programas recomendados, ejemplos utilizados por 
el autor, apéndices y archivos editables o de código fuente. Todo esto ayudará a comprender mejor los 


conceptos desarrollados en la obra. 
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información. Es un error muy frecuente dejar de 


MAS QUE UN BUEN lado este aspecto, ya que nuestro sistema puede 
DESARROLLO, LO llegar a tener un éxito comparable a los diferentes 
servicios que ofrece Google. Por lo tanto, es 
IMPORTANTE ES más importante tener una adecuada capacidad 
TENER UN SISTEMA de escalar que disponer de un desarrollo 
excesivamente bueno, porque estaríamos 
ESCALABLE limitando el crecimiento del sitio. 


Antes de continuar, vamos a ver un ejemplo 
de escalabilidad real. Facebook nos muestra sus 
números para entender la magnitud de información que maneja. 


Em aaa] 


2012 


THE LATEST ON EVERYBODY'S FAVORITE 


en 





SOCIAL NETWORK | 0000000 


dl PIT 


million mE VE p d pIE 





Figura 1. La escalabilidad de Facebook para la gran demanda 
de información que maneja. Detalles en: http://infographiclabs. 
com/infographic/facebook-2012. 





N FOURSQUARE, UN GIGANTE NO TAN CONOCIDO 


Aunque no sea tan popular como Facebook o Twitter, Foursquare, un servicio para marcar lugares es- 


pecíficos que está basado en localización web aplicada a las redes sociales, no se queda atrás a la hora 
de escalar. Al mes de abril de 2012 ya contaba con más de 20 millones de usuarios. Podemos conocerlo 


mejor en la dirección web https://foursquare.com. 
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Por otra parte, tenemos a otro gigante como Twitter, que también 
es un exponente importante de escalabilidad. A simple vista, parece 
un sistema sencillo, pero cuando lo investigamos podemos ver que es 
muy complejo y que requiere de mucho trabajo para soportar el gran 
volumen de información que crece exponencialmente. 





Figura 2. En esta imagen podemos ver 
un ejemplo de la complejidad del diseño de una red social. 


La escalabilidad de un sistema requiere de un análisis cuidadoso 
desde el principio del desarrollo, ya que de otra manera, a medida 
que éste evolucione, irán apareciendo problemas que serán 
difíciles de solucionar. Para esto, debemos definir las estrategias 
de escalabilidad en el marco tecnológico que nos permitan 
satisfacer dos aspectos importantes: la demanda de los usuarios 
y el almacenamiento de contenido. El factor de crecimiento 
del contenido es la capacidad que tendrá nuestro sistema de 
almacenar la información de los usuarios y de dar soporte a las 
grandes necesidades en determinado tiempo. Consideremos que 
el crecimiento de la demanda es la capacidad que debe afrontar 
el sistema para poder mantener la calidad del servicio frente a un 
incremento del acceso de usuarios. 

En resumen, tengamos en cuenta que para que un sistema sea 
escalable, tiene que cumplir estas tres condiciones: 
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e Adaptarse al aumento de la demanda de usuarios. 
e Adaptarse al incremento de la información que maneja. 
e Posibilitar su mantenimiento. 


En este punto, nos encontramos ante la 
situación que más confusión genera cuando 


DEBEMOS hablamos de escalabilidad, porque no es lo mismo 
CONSIDERAR LA la escalabilidad que el rendimiento del sistema. 
Consideremos que el rendimiento se 
EXISTENCIA DE presenta como la velocidad en que se procesan 
DIFERENTES TIPOS las solicitudes provenientes desde los usuarios, 


por lo tanto en los sistemas que son escalables 
DE ESCALABILIDAD es fácil mejorar el rendimiento. Sin embargo, en 
los sistemas que no lo son, no se puede tener 
e e un rendimiento óptimo. A continuación, nos 
encargaremos de describir los diferentes tipos de escalabilidad que 


debemos tener en cuenta en nuestros sistemas. 





2 Escalabilidad vertical 


La escalabilidad vertical es la estrategia más común y es utilizada 
de manera frecuente para escalar sistemas. Consiste en actualizar el 
hardware actual por uno más potente y costoso, ya sea agregando 
procesadores o reemplazando los existentes por otros más rápidos, 
como adicionando memoria o simplemente migrando el sistema a un 
servidor más potente. Es decir, si el hardware actual puede atender 
1000 peticiones por segundo, cuando estemos cerca de este valor 


podemos reemplazarlo por uno de mayor potencia y quizás hasta 


LEE 





N TADA 


La escalabilidad vertical cuenta con la ayuda de la Ley de Moore que dice que para un precio fijo la 


máquina que podemos comprar será cada año más potente. Por lo tanto, simplemente se puede esperar 


y, cuando veamos que es necesario, reemplazar el servidor al mismo precio del servidor actual. 
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duplicar el rendimiento de nuestro sistema. Pero la escalabilidad 
vertical tiene un límite, ya que alcanzado un punto simplemente no 
hay máquina más potente que comprar y el precio suele aumentar 
exponencialmente junto con la potencia. 


CAPACIDAD DE PROCESAMIENTO 





CAPACIDAD DEL SERVICIO 


Figura 3. El crecimiento no lineal 
del rendimiento se irá estabilizando hasta un punto 
donde ya no será posible escalar el sistema. 


Es necesario tener en cuenta que la escalabilidad vertical tiene la 
desventaja de presentar un alto costo pero, por otro lado, una de sus 
ventajas en la sencillez de implementación, lo 
que da como resultado que no debamos hacer 


ningún cambio en el desarrollo del sistema sino, UNA DE LAS 
simplemente, invertir más dinero para realizar la DESVENTAJAS DE 
compra de una máquina más grande. Una vez que 

hayamos actualizado todos los componentes del LA ESCALABILIDAD 
equipo al máximo posible, llegaremos al límite real VERTICAL ES SU 
de la capacidad de procesamiento, y es ahí desde 

donde debemos escalar verticalmente, reemplazando ALTO COSTO 


el equipo completo por uno más potente. 


Aunque parezca una solución muy básica, 
efectivamente es utilizada, por ejemplo, para realizar la escalabilidad 


en servidores de bases de datos. Pero para sistemas de gran tamaño 





no es la mejor opción, por lo que empresas referentes de la Web, como 
Google y Facebook, optan por escalar horizontalmente. 
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2 Escalabilidad horizontal 


La escalabilidad horizontal consiste en distribuir la carga de 
procesamiento, es decir, nos permite aumentar el número de servidores 
pero no necesariamente su potencia. Aunque el escalado horizontal se 
logra utilizando varios servidores, el conjunto opera como un único 
equipo que, al dedicarse a una tarea en común, logra maximizar la 
tolerancia a fallas; al mismo tiempo, representa un desafío mayor 

al administrador del sistema. 
En este tipo de escalabilidad se suelen utilizar 


LA ESCALABILIDAD una gran variedad de técnicas en la gestión del 
HORIZONTAL balanceo de carga que necesitan los sistemas 

, para escalar horizontalmente. En el caso de 
USA TECNICAS los sistemas que funcionan en los clústeres de 
DE GESTIÓN DE servidores, para lograr una mayor capacidad 


simplemente se agregan más equipos, provocando 


BALANCEO DE CARGA que la información se duplique, lo que genera 


y E una redundancia de datos que a la vez brinda 


una mayor capacidad de recuperación de errores. 





Con esta técnica, el servicio está siempre disponible por más que 
uno o varios servidores hayan fallado, o en caso de que se necesite 
retirar algunos por tareas de mantenimiento. De este modo, el escalado 
horizontal proporciona un mecanismo sin limitaciones en cuestión de 
hardware, ya que cada servidor adicional proporciona una mejora casi 
lineal en la escalabilidad. 

El aspecto más importante para que un sistema sea escalable es 
la transparencia de la ubicación. Esto se conoce como afinidad de 


ubicación y requiere cambios en el código para poder escalar un 


LEE 





(Dd MANI MTA dc 


Ya sea para proyectos simples o sistemas complejos con códigos PHP, JavaScript, Ajax o MySQL, de- 


bemos darle real importancia a la optimización y a las buenas prácticas. Podemos ver algunos consejos 
interesantes en inglés en el sitio que encontramos en la siguiente dirección: http://net.tutsplus.com/ 


tutorials /html-css-techniques/top-15-best-practices-for-writing-super-readable-code. 
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sistema horizontal de un servidor a varios, demandando un costo de 
refactorización del código fuente. 

El mejor ejemplo de este paradigma es la arquitectura de Google, 
que posee una plataforma compuesta por cientos de miles de máquinas 
domésticas interconectadas, donde constantemente sucede que 
decenas de máquinas dejan de funcionar por problemas de hardware. 
Pero esto no representa un problema, ya que el sistema redirige 
de manera automática el tráfico a los nodos que siguen activos, de 
manera que los usuarios nunca experimenten algún cambio en el 
funcionamiento. Para aumentar la capacidad solamente es preciso 
comprar más máquinas y ponerlas a trabajar. 


CAPACIDAD DE PROCESAMIENTO 





CAPACIDAD DEL SERVICIO 


Figura 4. En la escalabilidad horizontal, a medida 
que se agregan equipos, el sistema escalará indefinidamente. 


Ahora que sabemos cómo funciona Google, podemos decir que la 


escalabilidad horizontal no tiene límites. Pero, para que el sistema 
escale indefinidamente, es necesario definir un diseño adecuado. 


DN ESCALABILIDAD DE GOOGLE 





MapReduce es un framework de desarrollo de aplicaciones paralelas, que simplifica el trabajo con los 


enormes volúmenes de datos que manejan sus servicios. Podemos ver la definición completa y descargar 


la versión en pdf desde: http: //research.google.com/archive/mapreduce.html. 
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¿Cómo diseñar un 
sistema escalable? 


Para que un sistema sea escalable lo más importante es diseñarlo 
correctamente. Si pasamos esto por alto, en cualquier otro momento 
del modelo de desarrollo tendremos un problema muy costoso de 
resolver. Veamos las consideraciones que debemos tener en cuenta. 





Figura 5. La pirámide de escalabilidad muestra las tareas 
más importantes para lograr que un sistema sea escalable. 


Como vemos en la pirámide de la Figura 5, la base de un sistema 
debe ser el diseño, ya que es lo que tiene mayor influencia en la 
escalabilidad. A medida que nos desplazamos hacia la cima, nos 
encontramos con los factores de menor importancia, que son los que 
causan menos impacto en el desarrollo del sistema escalable. En otras 
palabras, un diseño bien pensado puede brindar mayor escalabilidad 
que cualquier hardware que se pueda agregar. 

El aspecto fundamental cuando diseñamos sistemas escalables 
debe ser el poder garantizar una administración eficaz de los recursos. 
Como el diseño no debe estar limitado a ningún componente o etapa del 
sistema tenemos que considerar la escalabilidad en todos los niveles, 
desde la interfaz de usuario hasta el almacenamiento de los datos. 


www.redusers.com 


SISTEMAS WEB ESCALABLES 


Aspectos fundamentales 
para el diseño 


USERS BZ 


Es importante tomar las decisiones adecuadas a la hora de diseñar 


un sistema, pero para garantizar un buen resultado debemos conocer los 


factores a tener en cuenta. A continuación, detallaremos cuatro aspectos 


fundamentales que son la base del desarrollo de los sistemas escalables. 


Tiempos de espera adecuados 
Debemos considerar que todos los procesos 
deben tener un lapso de espera razonable, ya que 

el período durante el que un proceso utiliza un 
recurso es tiempo de espera para otro proceso 
por ese mismo recurso. Para resolver esto, 
podemos clasificar los procesos en sincrónicos 

y asincrónicos. Una alternativa para lograr 
escalabilidad en los sistemas es realizar procesos 
de manera asincrónica, donde las acciones de 
larga duración se almacenan para terminar más 
adelante en un proceso separado. 


Tweets 
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UN TIEMPO DE 
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DESARROLLO DE UN 
SISTEMA ESCALABLE 
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Figura 6. Firebug es un complemento de Firefox que permite 
saber el tiempo que demora cada solicitud de un sitio web. 


www.redusers.com << 


1: NN USERS 1. INTRODUCCIÓN A LOS SISTEMAS ESCALABLES 


Procesos que no bloquean 

Independientemente del diseño, todos los sistemas poseen una 
cantidad determinada de recursos que son distribuidos a los procesos 
según nuestra capacidad para priorizar. Es una buena práctica usar en 
menor medida los procesos que bloquean recursos, como la memoria, 
el ancho de banda, el procesador o las conexiones a las bases de datos. 


Sistemas conmutables 

Se trata del aspecto que menos se tiene en cuenta al diseñar y 
desarrollar un sistema escalable. Se dice que un sistema es conmutable 
si dos o más procesos se pueden aplicar en cualquier orden y aún 
así obtener el mismo resultado. Por lo general, los sistemas que no 
ejecutan transacciones son conmutables. 


Sistemas intercambiables 

Este aspecto significa que debemos desplazar el estado de cualquier 
método fuera de los componentes que utiliza. Por ejemplo, cuando 
se realizan llamadas a algún método es posible pasar mediante un 
parámetro el estado que tendrá o leerse desde una base de datos externa. 


Procesos y recursos particionados 

El último aspecto fundamental es particionar los recursos y los 
procesos. Esto quiere decir que debemos minimizar las relaciones entre 
los recursos y los procesos, ya que al hacerlo reducimos la posibilidad 
de aparición de cuellos de botella cuando algún participante de la 
relación tarda más que otro. 


ASS ANNE AE 





Los patrones de diseño son la estructura y la solución estándar para los problemas que surgen en el 
desarrollo de sistemas. Brindan soluciones documentadas y se clasifican en patrones de creación, pa- 
trones estructurales y patrones de comportamiento. En el siguiente enlace tenemos más detalles: 


http: //patronesdediseno.netl6.net. 
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Descentralización 


Existen varias alternativas en arquitecturas de 


hardware y software para el manejo de sistemas EL DATACENTER 
de gran disponibilidad, con tolerancia a fallas ES EL LUGAR DONDE 
y soporte para escalabilidad. A continuación 

veremos tres arquitecturas dominantes diferentes ENCONTRAMOS 
en la construcción de sistemas escalables, pero LOS CLÚSTERES 
que comparten un concepto en común: clúster. 

Específicamente, hablaremos del término CONECTADOS 
clusterización, que es el agrupamiento de 

máquinas para operar como un único recurso. El 

lugar donde se encuentran los clústeres conectados 


se llama datacenter (en español, centro de datos). 





Figura 7. Para darnos la idea de cómo 
es un datacenter por dentro, nada mejor que conocer el de Google. 


Un requisito necesario para cada nodo del clúster es la posibilidad 
de acceso a un canal de comunicación de alta velocidad; es decir, que 
posean gran ancho de banda disponible, de modo que se facilite la 
comunicación entre cada uno de los nodos. Otro requisito es que 
todos deben tener acceso simultáneo a los discos compartidos. 
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Ahora detallaremos las tres arquitecturas más importantes: 


e Shared Memory (SM): es un tipo de arquitectura en la que 
múltiples procesadores comparten la memoria. Cada procesador 
tiene acceso completo a ella mediante un bus para lectura y 
escritura de datos como también para la comunicación entre cada 
uno de ellos. La performance del sistema está limitada por varios 
factores, como el ancho de banda del bus de la memoria, el ancho 
de banda de la comunicación entre los procesadores, la cantidad de 
memoria disponible en el sistema, e incluso el ancho de banda de 
entrada y salida del nodo. 


Memoria 
Proceso Datos < Proceso 
Proceso Proceso < Proceso 





Figura 8. La arquitectura Shared Memory comparte 
la memoria entre todos los procesadores del clúster. 


e Shared Disk (SD): en esta arquitectura varios servidores e 
instancias de bases de datos son accedidas como una sola. Un 
servidor puede ejecutar varias instancias de una base de datos 
y, a diferencia de SM, la arquitectura SD también puede agrupar 
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varias instancias en un solo servidor. Cada nodo del sistema tiene 
su propio procesador y su memoria asociada, y la comunicación 
es establecida a través de un bus de alta velocidad que permite a 
cada nodo acceder al mismo disco. En este tipo de arquitectura, 
las redes muy grandes pueden operar con un único conjunto de 
datos, lo que conlleva la desventaja de crear un solo punto de 
falla, aunque se puede recurrir a la duplicación de la base para 
solucionarlo. Shared Disk es una arquitectura que requiere un 
diseño y una implementación cuidadosa, ya que necesita de una 
gran infraestructura y de una buena administración para mantener 
todo en funcionamiento. 





Instancias 


Memoria Memoria Memoria Memoria 


Figura 9. Shared Disk comparte la base de datos o sus 
instancias. Los datos son accedidos por todos los nodos del sistema. 


e Shared Nothing (SN): en este tipo de arquitectura no se comparten 
ni la memoria ni los discos de almacenamiento. Cada nodo del 
sistema es independiente, autosuficiente y autocontenido, lo que 
quiere decir que cada servidor puede trabajar sin depender de los 
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demás nodos ni de sistemas externos. En español, 
LA se la denomina descentralización, término que 
DESCENTRALIZACIÓN se refiere al tipo de arquitectura que permite 
que los sistemas escalen horizontalmente. Como 
PERMITE LA ya dijimos, a medida que aumenta el tráfico en 
ESCALABILIDAD nuestro sistema se necesita mayor capacidad de 
procesamiento y, simplemente, se deben agregar 
HORIZONTAL tantas máquinas como sean necesarias para ser 
capaces de ofrecer un servicio de calidad. 
e E Para implementar Shared Nothing se debe 
crear una imagen de un disco del sistema y copiar al nuevo nodo, 


que debe ser programado para arrancar automáticamente. 





Memoria Memoria Memoria 


| 


Datos Datos Datos 


Instancias 


Proceso Proceso Proceso 





Base de datos 


Figura 10. En Shared Nothing cada nodo funciona 
de manera independiente, pero bajo el control de un coordinador. 
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La característica más importante de esta arquitectura es que los 
estados del sistema no se guardan solo en un nodo individual, 
sino que son compartidos. Esto garantiza la presencia de calidad 
y estabilidad, de manera que si algún nodo falla no se pierde 
información y el sistema automáticamente redirige las solicitudes 
hacia algún otro nodo que se encuentre activo. 





à Bases de datos NoSQL 


Todos los sistemas necesitan de algún método de persistencia de 
datos. Aproximadamente desde los años 70, los datos se almacenan en 
sistemas de bases de datos relacionados llamados RDBMS (Relational 
Database Management System), como Oracle 
y MySQL, que utilizan un esquema de tablas con 


columnas para identificar cada campo y definir el TODOS LOS 
tipo de dato que contendrá. Por ejemplo, para la SISTEMAS NECESITAN 
tabla Persona, tenemos los campos id, nombre, , 

apellido, dirección y teléfono, y cada registro UN METODO DE 
representa una nueva fila. Para acceder a los PERSISTENCIA 
datos se debe utilizar un lenguaje de consultas 

estructurado conocido como SQL (Structured DE DATOS 
Query Language). Como vimos en la sección 

anterior, existen varias técnicas eficientes para y 
escalar este tipo de bases de datos, como Sharding (o replicación), 


en sitios como eBay o Flickr, que funcionan con una excelente 
performance utilizando MySQL como base de datos (lo que sugiere 
una muy buena capacidad de escalar en MySQL). 


Ñ USABILIDAD DE LOS LENGUAJES WEB 





PHP: usabilidad 50%, sigue un enfoque clásico y está bien documentado. RUBY: usabilidad 90%, posee 
un código limpio y potente y es fácil de usar. PYTHON: usabilidad 70%, utiliza sangría estricta, que lo 
hace muy legible. Para una comparación más amplia podemos visitar el siguiente sitio web: http:// 


udemy.com/blog/modern-language-wars. 
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EX Administrador: C:Windows!system32,cmd.exe - mysql 


HADAS! 

Welcome to the MySQL monitor. Commands end with ; or g. 

Your MySQL connection id is 1 

Server version: 5.B.51b-community-nt-log MySQL Community Edition <GPL> 


Type *help;3*? or *Nh* for help. Type *5c?*? to clear the buffer. 


TITS AR AA ARDE 
+ 


+ 


1 row in set <1.90 sec? 


mysql> 





Figura 11. En MySQL es posible ejecutar 
el comando BENCHMARK para obtener un índice de performance. 


Algunos gigantes de la Web que poseen una gran capacidad de 
desarrollo e investigación han optado por dejar de lado las bases de 
datos relacionales, ya que tienen problemas de escalabilidad y, en 
su lugar, han diseñado bases de datos no relacionales. El primero en 

innovar fue Google con BigTable, luego lo han 
seguido otros como Amazon con DynamoDB 


GRANDES EMPRESAS o Facebook con Cassandra. Solo empresas con 


HAN OPTADO POR estructuras gigantes podían abordar tal inversión 
para desarrollar sus propias bases de datos no 
UTILIZAR BASES relacionales. Sin embargo, hoy en día existen cada 
DE DATOS NO vez más bases de datos de esta clase al alcance 
de los programadores y las empresas de pequeña 
RELACIONALES escala. Varias alternativas son open source 





Ah 


(código abierto), como por ejemplo Cassandra, 
MongoDB, Redis, etc. Estos proyectos, recientes, 
son conocidos como NoSQL (Not Only SQL). 

NoSQL se puede definir como una categoría que comprende gran 
variedad de bases de datos. Estas bases no tienen una estructura de 
datos en forma de tablas y relaciones entre ellas, sino que son más 
flexibles. Es decir, poseen estructuras dinámicas donde es posible 
agregar atributos solo a algunos registros y seguir manteniendo la 
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agrupación de la información. Por ejemplo, podemos encontrarnos con 
personas que poseen más atributos que otras sin que sea necesario que 
rediseñemos la estructura nuevamente. 


Predicted usage swing 2012-2017 


MariaDB 

Apache Cassandra/DataStax 
Apache CouchDB 

Apache HBase 

Redis 

PostgreSQL 

DB2 

Oracle 


SQL Server 














MySQL |- 


-30.0 -25.0 -20.0 -15.0 -10.0 -5.0 0.0 5.0 | 


Figura 12. Un estudio de 451 Research predice un uso cada 
vez mayor de bases de datos NoSQL y cada vez menor de relacionales. 


Una de las principales características de las bases de datos NoSQL 
es que están diseñadas para operar con grandes cantidades de datos 
de manera extremadamente rápida. Para esto, suelen almacenar la 
información en memoria utilizando el disco solo como un mecanismo 
de persistencia. Además, debemos considerar que las operaciones de 
lectura y escritura de datos están altamente optimizadas, permitiendo 
escalar horizontalmente sin perder rendimiento. 


N ESCALABILIDAD DE GOOGLE 





Google File System se presenta como un sistema de archivos distribuido, que posee una gran capa- 


cidad de almacenamiento (hasta cinco petabytes) y una velocidad de lectura y escritura de hasta 40 
gigabytes por segundo. Si necesitamos más información podemos ver la definición completa y también 
descargar el documento adecuado visitando la página que encontramos en la dirección web http:// 


research.google.com/archive/gfs.html. 
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Cuándo utilizar NoSQL 


Podemos tener la necesidad de desarrollar un sistema que soporte 
enormes operaciones de lectura y escritura de datos y que pueda 
brindar un servicio a millones de usuarios sin perder rendimiento 
o, incluso, tener que hacer una reingeniería de un sistema existente 
que necesita escalar pero que opera con una base de datos relacional. 
Tengamos en cuenta que en estas situaciones es necesario considerar 
que se debe utilizar una base de datos NoSQL. 

Empresas grandes, como Facebook, Twitter o Google, utilizan las 
bases de datos NoSQL como principal medio de almacenamiento, 
aunque esto no implica que no puedan usar bases de datos relacionales 
también. Es decir, es posible utilizar una base de datos NoSQL para 
almacenar toda la información de un sistema combinándola con las 
bases de datos relacionales. El sistema NoSQL estará destinado a 
funcionalidades que requieran millones de operaciones en tiempo 
real mientras que los sistemas relacionales, a consultas simples. 


AGA internet - Buscar con Google 
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Google internet 


Búsqueda erca de 6.670.000.000 resultados (0,30 segundo 
| Web Anuncios relacionados con internet ¿Por qu 
Imágenes Speedy Premium por $109 | Telefonica.com._ar 
www telefonica.com.ar/Speedy-Premium 
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B Speedy Inicial Speedy Premium 
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Blogs 
Más Internet 0810-122-8050 - Internet 41-Fl Instalación en 24hs 


Figura 13. La palabra internet en Google arroja 
más de 6 mil millones de resultados en solo 0.30 segundos. 


Como mencionamos anteriormente, Google es un referente de este 
tipo de implementaciones debido al enorme volumen de información 
que procesa y almacena diariamente, ya que no puede permitirse 
ningún cuello de botella que lentifique su sistema. 
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Tipos de bases de datos NoSQL 


La clasificación de las bases de datos NoSQL depende de la forma 
en que se almacenan los datos, y define categorías como clave-valor, 
familia de columnas, documentos o grafos. Un aspecto importante 
es que no necesariamente utilizan SOL como principal lenguaje de 


consultas para acceder a los datos. 
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BASES DE DATOS NOSQL 
v CATEGORÍA yw BASEDEDATOS wv OPEN SOURCE 
Cassandra Si 
Orientadas a familias de columnas Hypertable SÍ 
Hadoop SÍ 
MongoDB Sí 
Orientadas a documentos CouchDB Sí 
RavenDB Sí 
Redis Sí 
Orientadas a clave-valor Riak Sí 
DynamoDB Sí 
Neo4j No 
Orientadas a grafos HyperGraphDB Sí 
InfoGrid No 
Db4o Si 
Orientadas a objetos EyeDB SÍ 
Perst SÍ 





Tabla 1. Clasificación por categoría de algunas 
de las bases de datos NoSQL más importantes. 


z 44 
ES MN O 





Wikipedia.org contiene más de 8 millones de artículos. En promedio, recibe 30.000 peticiones por 


segundo, que se distribuyen en tres datacenters compuestos por 350 servidores. Un solo datacenter es 


el primario y los otros dos son solo caché. El sistema operativo empleado es GNU/Linux, la plataforma 


está escrita en PHP y la base de datos usada es MySQL. 
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Figura 14. En http: //nosql -database.org 
encontraremos la lista completa de bases de datos agrupadas por tipos. 


A continuación, haremos una introducción a tres bases de datos 
NoSQL de las categorías: una orientada a familia de columnas, otra 
orientada a documentos y, la última, orientada a clave-valor. 


MongoDB 


MongoDB se presenta como una base de datos NoSQL de alta 
performance y escalable. Fue desarrollada por 10gen a mediados 
del año 2007. Se encuentra escrita utilizando el lenguaje C++ bajo el 
concepto de código abierto, por lo que podemos modificar sus archivos 


fuente. Antes de ver algunas de sus características, vamos a definir dos 
conceptos previos: JSON y BSON. 


LEE 





ala EL MOVIMIENTO NOSQL 


Se puede resumir la definición de NoSQL en que es un sistema de base de datos de última generación, 


no-relacional, distribuido, de código abierto y altamente escalable. Es interesante saber que en este mo- 
mento existen 150 bases NoSQL. Para más información podemos visitar el sitio oficial, que se encuentra 


en la dirección http://nosql-database.org. 
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e JSON: es el acrónimo de JavaScript Object Notation y define un 
formato simple de intercambio de datos. Debido a su sencillez, se 
presenta como alternativa a XML. Su principal ventaja es la posibilidad 
de escribir fácilmente un analizador sintáctico JSON. Por ejemplo, en 


JavaScript un JSON se puede analizar de la siguiente forma: 





e BSON: es el acrónimo de Binary JSON, que significa que los datos 
se serializan de forma binaria en formato JSON. A diferencia de 
JSON, posee extensiones que permiten representar los tipos de 
datos que contiene. Es decir, cada elemento en BSON consta de 
un campo nombre, un tipo y un valor. Los nombres son de clase 
string y los tipos pueden ser string, entero, fecha o booleano, entre 
otros. BSON es usado principalmente para almacenar y transferir 
información a la base de datos MongoDB. 


Ahora que hemos definido los términos JSON y BSON, estamos listos 
para entender el funcionamiento de MongoDB. Esta base de datos está 
orientada a documentos, por lo que, a diferencia de los sistemas de bases 
de datos relacionales que guardan los datos en 
tablas, MongoDB los almacena en documentos con 


el formato JSON en un esquema dinámico llamado MONGODB ES UNA 
BSON. Esto establece que no existe un esquema BASE DE DATOS 
predefinido. Cada uno de los elementos de los 

datos se denominan documentos y son guardados ORIENTADA A 
en las colecciones. Comparando este esquema con DOCUMENTOS, EN 
un sistema de base de datos relacional, podemos 

decir que las colecciones son las tablas y los FORMATO JSON 
documentos son los registros, con la diferencia 

de que en una base de datos relacional todos y y 
los registros tienen la misma cantidad de campos y en MongoDB cada 


documento de una colección puede definir sus propios campos. 
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La estructura de un documento sigue el formato JSON compuesto 
por el par clave-valor, donde la clave es el nombre del campo y el 
valor es su contenido, separados mediante el carácter : (dos puntos). 
Es importante destacar que el valor puede contener números, cadenas 
de caracteres o datos binarios como imágenes. 


A continuación, veremos un ejemplo de sintaxis: 





En este caso, el campo Domicilio contiene otro documento con los 
campos Estado y Ciudad. 


nod 
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Figura 15. En http: //mongodb. org encontraremos 
documentación, un enlace de descarga y un tutorial en línea. 
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MongoDB puede escalar horizontalmente 


utilizando la arquitectura auto-sharding, que GRACIAS A 
provee balanceo de carga automática, permite AUTO-SHARDING, 
agregar nuevas máquinas sin detener el sistema 

y puede escalar a miles de nodos, generando que MONGODB PUEDE 
no exista un único punto de falla. ESCALAR EN FORMA 


A continuación se listan los casos en los cuales 


es adecuado usar esta base de datos: HORIZONTAL 


e Sistemas de administración de contenido 
e Sitios de comercio electrónico 

e Juegos en línea 

e Aplicaciones móviles 

e Sistema de estadísticas en tiempo real 


Actualmente la base de datos MongoDB tiene drivers oficiales para 
los lenguajes de programación, como C, C++, JavaScript, Node.JS, PHP 
y Python, entre otros, y es usado por una gran cantidad de empresas, 
entre ellas MTV, SourceForge, Disney, EA, The New York Times, 
ShareThis, GitHub, Foursquare y Justin.tv. 


Cassandra 

Cassandra es una base de datos NoSQL diseñada por Facebook para 
gestionar de manera eficiente su gran cantidad de datos. En el año 2008, 
Facebook libero el código de Cassandra cediéndolo a Apache Software 
Fundation, quien lo distribuye bajo una licencia open source. 

Cassandra está escrita en Java y su modelo de almacenamiento está 
basado en el par clave-valor, siguiendo al sistema BigTable de Google 
y Dynamo de Amazon. Cassandra permite almacenar registros de una 


7 





al Sa eE 


Las alternativas NoSQL de código abierto no suelen tener el mismo soporte que los proveedores de ba- 


ses de datos privativas. Pero esta cuestión no representa un problema para los seguidores del enfoque, 


ya que estas bases de datos ofrecen una nutrida documentación y la mayoría tiene una comunidad activa. 
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manera continua y ordenada, mediante el modelo de datos de familias 
de columnas, el cual ofrece la posibilidad de crear columnas índices, 
brindando una gran performance. 


IE Cassandra 





Home Download Getting Started A EE 


Download 
The latest release is 1.1.4 
(Changes) 


Welcome Video Slides 


Welcome to Apache Cassandra 


The Apache Cassandra database is the right choice when you need scalability and high 
availability without compromising performance. Linear scalability and proven fault-tolerance 
on commodity hardware or cloud infrastructure make it the perfect platform for mission- Download options 
critical data. Cassandra's support for replicating across multiple datacenters is best-in-class, 
providing lower latency for your users and the peace of mind of knowing that you can survive 
regional outages. 





Cassandra's ColumnF amily data model offers the convenience of column indexes with the 
performance of log-structured updates, strong support for materialized views, and powerful 
built-in caching. 


EAN 





Proven Decentralized Elastic 
Cassandra is in use at Netflix, Twitter, Urban There are no single points of failure. There Read and write throughput both increase 
shin G onstant Oontart e meddit Cisco are.nonetuord:hotenecies Eyver'nodeinthe__ lineaari as newornachines are added iiith nuo 





Figura 16. Cassandra, como alternativa de bases de datos 
NoSQL. El sitio oficial es: http: //cassandra.apache.org. 


Cassandra posee un gran poder de escalabilidad mediante la 
gestión de los datos entre los nodos que forman parte de un clúster. 
Los nodos nuevos pueden añadirse de forma horizontal permitiendo 
que la información sea procesada automáticamente por el sistema. En 
este caso, Cassandra se encarga del balanceo de carga y la consistencia 
del nodo nuevo con respecto a los que ya existían. Así, si algún nodo 
deja de funcionar, el sistema seguirá trabajando de manera que los 
datos no se verán afectados. Recordemos que esto le otorga alta 
tolerancia a las fallas, una de sus características más importantes. 


"44% 
DN AIN ASMA EN 


Bigtable es un sistema de almacenamiento distribuido diseñado para gestionar petabytes de datos a 


través de miles de servidores. Podemos ver la definición completa y descargar la versión en pdf desde: 


http: //research.google.com/archive /bigtable.html. 
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Es necesario considerar que la base de datos 


Cassandra es adecuada para ser utilizada en CASSANDRA PUEDE 
sistemas que no pueden perder datos, incluso SER UTILIZADA POR 
cuando un nodo deja de funcionar. 

Es interesante tener en cuenta que algunas SISTEMAS QUE 
de las empresas que han optado por usar esta NO DEBEN 
base son las sigueintes: Netflix, Twitter, Constant 
Contact, Cisco y Digg. En este sentido, el mayor PERDER DATOS 


clúster conocido con esta base de datos tiene más 


de 300 TB de datos en más de 400 máquinas. y y 


DATASTAX: enero tens coo | on 





Dami Fisioa TAE la Apache Cansarmbi a 7 7 

Tre Five Mirate mervi = Ghani 
Vr Hiro Pra con vi — 
Aliaga 


Figura 17. Con DataStax OpsCenter podemos administrar 


Cassandra. Lo descargamos desde 
http://datastax.com/products/opscenter. 


Redis 


Redis es un motor de base de datos NoSQL que opera en memoria, 
basado en el almacenamiento en tablas de hashes de tipo clave- 
valor. Está escrito en ANSI C y liberado bajo licencia open source, y 
actualmente soporta varios tipos de datos, como strings, listas, sets, 
sorted sets y hashes. En cuanto a la persistencia, debemos considerar 
que guarda la información correspondiente en memoria, pero puede 
ser configurada en el disco rígido. 
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$ CE Commands Clients Documentation Community Download Issues 
Redis is an open source, advanced key-value store. It is often What people are saying 
referred to as a data structure server since keys can contain T @WeBeen_Here10 the lies yu tell 
strings, hashes, lists, sets and sorted sets. iù @Redls_FEARLESS NO I DIDNT... 


Learn more —> 


G System and Infrastructure Manager 
2 http: t.co/aqizfRtF #bash #redis 


Try it Download it #jobs #hiring #careers 
Ready for a test drive? Check this interactive Redis 2.6.4 is the latest stable version. y E Idk im 
A z ! } upstairs 
tutorial that will walk you through the most Interested in release candidates or unstable a 
important features of Redis. versions? Check the downloads page. Y The more | use #redis the move | 
RM love it. makes an awesome, 
simple, insanely fast msg bus and 
cache db for my #python apps 
More 
Y m a r E A Sponsored by 
is website Is open source software developed by rus e ° 
The Redis logo was designed by Carlos Prioglio. See more credits vmwa re 


Figura 18. Desde el sitio oficial, podemos descargar 
Redis y ver los comandos disponibles: http: //redis. 10. 


EL RENDIMIENTO 
DE REDIS ES MEJOR 
QUE EL DE OTROS 


SISTEMAS DE BASES 


DE DATOS 


Una característica interesante es que admite 
la replicación de tipo maestro-esclavo, y a 
su vez un esclavo puede ser maestro de otro 
esclavo. Esto permite la posibilidad de tener 
una replicación en forma de árbol. Otra función 
importante es el soporte de publicación y 
suscripción. Cuando un cliente esclavo se 
suscribe a un canal, recibe un mensaje de estado 
completo de las publicaciones del maestro, que es 
replicado a todo el árbol. 


A Como sabemos, debido a que Redis mantiene los datos en memoria, 
el rendimiento que nos ofrece es extremadamente bueno comparado 


con otros sistemas de bases de datos. 





(1 TENDENCIA DE EMPLEOS 


LEE 





Gracias al sitio Indeed podemos saber cuáles son las tendencias del mercado con respecto a las bases de 


datos NoSQL y cuáles tienen mayor incidencia. Por ejemplo, para comparar Cassandra, Redis y MongoDb 


podemos acceder a: http://indeed.com/jobtrends/cassandra%2C+redis%2C+mongoDb.html. 
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quite scalable. Redis has already been benchmarked at more than 60000 connections, and was still able to sustain 50000 g/s in these 
conditions. As a rule of thumb, an instance with 30000 connections can only process half the throughput achievable with 100 connections. 
Here is an example showing the throughput of a Redis instance per number of connections: 





Requests per second 
140000 


120000 


80000 N 
NA 





60000 k 
40000 
20000 
0 r r r r r T i 
0 10000 20000 30000 — 40000 50000 60000 70000 








e With high-end configurations, it is possible to achieve higher throughput by tuning the NIC(s) configuration and associated interruptions. Best 
throughput is achieved by setting an affinity between Rx/Tx NIC queues and CPU cores, and activating RPS (Receive Packet Steering) 


Figura 19. Podemos ver el rendimiento de Redis 
en la dirección http://redis .1io0o/topics/benchmarks. 


En los próximos capítulos nos concentraremos en el funcionamiento 
de este motor de bases de datos en particular, y descubriremos 
el potencial que posee al implementarlo en el ejemplo final. 





Como vimos en este capítulo, para desarrollar sistemas escalables primero necesitamos entender la 


importancia de un buen diseño, que logre soportar un crecimiento ilimitado. Cada vez son más frecuentes 
los sistemas que interactúan con redes sociales que manejan gran cantidad de información, por lo que 
se necesitan sistemas de almacenamiento con tolerancia a fallas y de gran performance para soportar 
la demanda. Una vez entendido el concepto de escalabilidad estamos en condiciones de implementar 
una solución NoSQL como herramienta de persistencia, junto a la tecnología que nos permitirá crear 


desarrollos orientados a eventos, Node.JS. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


Mencione dos diferencias entre escalar verticalmente y horizontalmente. 
¿Qué es lo que se comparte en la arquitectura Shared Memory? 

¿A qué se denomina Shared Nothing? 

¿Según qué criterio se clasifican las bases de datos NoSQL? 

¿En qué formato almacena los datos MongoDB? 

¿Cassandra opera en memoria? 

¿Es posible almacenar videos en Cassandra? 


¿Es posible almacenar archivos de audio en MongoDB? 


O O N O dl BA QQ N EF 


¿Redis es open source? 


En Redis ¿un nodo esclavo puede ser maestro y tener otros nodos esclavos? 
¿Soporta la estructura de árbol? 


fal 
O 


EJERCICIOS PRÁCTICOS 


1 Haga una lista con las características principales que deben tener los sistemas 
para que sean escalables. 


Defina base de datos relacional y NoSQL. 
Proponga diferentes sistemas y las bases de datos NoSQL que deberían utilizar. 


Exponga las características que una base de datos NoSQL debe cumplir. 


0 A QU N 


Haga una lista de los sitios de Internet que escalan, según un criterio propio. 


LEE 





7 SANTA 


Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorOredusers.com 
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SOS 


Conoceremos Redis, una de las bases de datos NoSQL 

más relevantes y usadas en la actualidad para el desarrollo 
de sistemas escalables. Una de sus características más 
importantes es que todas las bases de datos creadas operan 
en memoria, otorgándole un rendimiento casi único en el 


manejo de grandes volúmenes de datos. 
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4-23 2. REDIS 


2 Introducción 


Redis es un servidor de estructuras de datos que opera en memoria, 
basado en el almacenamiento de tipo clave-valor (denominado tabla 
de hashes), y que ofrece la posibilidad de persistencia de los datos 
en el disco rígido. Fue desarrollado por Salvatore Sanfilippo en el año 
2009 en el lenguaje C y obtuvo gran popularidad desde que personas 
involucradas en el mundo del desarrollo de sistemas le dieron soporte. 

Este motor de base de datos es patrocinado por VMware y está 
liberado bajo la licencia BSD, por lo que es considerado un software 
de código abierto. Funciona en la mayoría de los sistemas POSIX 
-como Linux, BSD y OSX- y también en sistemas operativos Windows 
sin soporte oficial, aunque existen variadas alternativas de instalación 
y funcionamiento. 

Existe una gran variedad de lenguajes que se pueden usar para el 
manejo de datos, como C, C#, Erlang, Go, lo, Java, Node.js, Perl, 
PHP, Python y Ruby, entre otros. Nosotros nos vamos a enfocar más 
específicamente en PHP y Node.js. 

Redis ha sido diseñado para escalar horizontalmente, ya que ofrece 
un mecanismo de replicación maestro-esclavo, donde los servidores 
esclavos obtienen las copias exactas directamente del maestro. La 
replicación tiene estas características: 


e Un maestro puede tener múltiples esclavos. 

e Un esclavo puede tener otros esclavos. 

e Posee un método de sincronización no bloqueante para el maestro: 
es decir, un maestro puede seguir atendiendo peticiones mientras 
los esclavos se sincronizan. 

e Para configurar un servidor como esclavo de otro solo hay que 
especificar el siguiente comando en el archivo de configuración 
del esclavo: 


(: slaveof LIP SERVIDOR MAESTROJNPUERTO] :) 


slaveof 192.168.1.1 6379 


Ə www.redusers.com 


SISTEMAS WEB ESCALABLES USERS 45 


aa a RL a e ia a od a a a EE] 
pu p i lá” 


O o eje e A 





Figura 1. Redis ofrece un tutorial interactivo para conocer y consultar 
las características más importantes: http: //try.redis-db.com. 


Los tipos de datos que soporta son strings, 


lists, sets, sorted sets y hashes. En ellos se pueden REDIS SOPORTA 
ejecutar operaciones atómicas, como agregar LOS TIPOS DE DATOS 
caracteres a un string, incrementar/decrementar el 

valor de un hash o agregar valores a un list, junto STRINGS, SETS, 
con otras operaciones como intersección, unión o SORTED SETS 


diferencia. Incluso es posible obtener un elemento 
con un alto ranking en un sorted set y, por otro Y HASHES 


lado, cuenta con un mecanismo de publicación/ 
suscripción y expiración de datos para usarlo como 
sistema de caché. Debido a que el motor opera con toda la base de datos 


en memoria se crea una limitación en torno a este requerimiento físico. 


LEE 





O HACIA DÓNDE VA LA WEB 


Metamarkets.com ha publicado un artículo donde define tres eras de la Web. La primera, de 1991 a 


1999, a la que denominó era HTML; la segunda, de 2000 a 2009, que llamó era LAMP y la tercera, 
desde 2010 hasta la actualidad, la era JavaScript. El artículo completo, en inglés, lo podemos ver en: 


http://gigaom.com/cloud/node-js-and-the-javascript-age. 


www.redusers.com << 


4 DIT 2. REDIS 


Con respecto al rendimiento, Redis es de un solo hilo, a diferencia 
de otros sistemas que crean un proceso por cada petición. En los 
servidores actuales es muy común tener múltiples núcleos, por lo que 
se produce un desperdicio de potencial de procesamiento; para mejorar 
el rendimiento en estos sistemas es posible iniciar varias instancias en 
el mismo servidor, pero librerías como Predis (cliente PHP para Redis) 
ya realizan esto de forma automática. 





Cuándo usar Redis 


Cuando necesitamos implementar una solución que se ajuste 
a nuestras necesidades nos encontramos el interrogante de cuál es 
la mejor opción. Para respondernos a esta pregunta debemos tener 
en cuenta varias consideraciones importantes como, por ejemplo, la 
naturaleza de las estructuras de datos; es decir, si vamos a necesitar una 
estructura definida, como es el caso de las bases de datos relacionales, 

o si podremos tener mayor flexibilidad implementando motores NoSQL. 

Si no estamos seguros de que una base de datos relacional posee 
las características necesarias y requerimos buena performance y 
escalabilidad, Redis es una buena alternativa. 

A la hora de implementar una solución también debemos tener en 
cuenta las diferencias entre las bases de datos NoSQL. Por ejemplo, 
MongoDB permite realizar consultas de rangos, búsquedas mediante 
expresiones regulares, indexación e implementar MapReduce (un 
framework para la manipulación de grandes volúmenes de datos), 
mientras que Redis es extremadamente rápido y adecuado para sistemas 
que requieren escritura de datos de manera continua, como videojuegos, 


LEE 





SCROLL INFINITO 


Como estamos acostumbrados a ver en las redes sociales, en el área de las publicaciones se muestra una 


especie de scroll infinito de manera que, a medida que se avanza al final de la página, van apareciendo más 
y más contenidos. Con el uso de scroll infinito se deja de lado el uso del pie de pagina, esto nos permitirá 


cargar contenidos al final de la página en forma sencilla. 
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mensajería instantánea, redes sociales, etcétera 


(aunque no se recomienda su uso si se posee REDIS ES UNA BASE 
un gran conjunto de datos con modificaciones DE DATOS RÁPIDA 
mínimas en largos intervalos de tiempo). 

Las bases de datos como Redis son rápidas, Y QUE ESCALA EN 
escalan fácilmente y se ajustan perfectamente FORMA FÁCIL 


a las necesidades modernas, pero es importante 
elegir la herramienta adecuada para el trabajo Y SENCILLA 
requerido. Teniendo en cuenta esto, es totalmente 


valido inclusive combinar un sistema relacional 
con un sistema NoSQL. 


Instalación 


Por definición, Redis está diseñado para operar en sistemas UNIX, 
tanto para entornos de desarrollo como de producción. Aunque no 
es oficialmente soportado en sistemas win32/win64, por motivos 
didácticos vamos a presentarlo como alternativa para entorno de 
desarrollo. Vale la pena aclarar que no es recomendable usarlo 
en sistemas Windows para entornos de producción, debido a las 
limitaciones que existen entre el sistema operativo y el motor de 
base de datos, que en este momento no son objetos de nuestro estudio. 
Para la instalación en sistemas UNIX podemos acceder a la dirección 
http://redis.io/download, donde encontraremos los pasos y un 
pequeño ejemplo para comprobar que tenemos Redis funcionando. 
A continuación, veremos cómo instalar Redis en nuestro sistema 
Windows. Debemos tener en cuenta que primero necesitamos Redis 
y una herramienta adicional que crea un servicio para nuestro motor. 





C9 CREAR ESCENARIOS DE PRUEBA 


Siempre es importante probar nuestros sistemas, pero muchas veces no sabemos cómo hacerlo. 
SimpleTest es un framework para PHP de código abierto, usado para automatizar los procesos de 


prueba. Podemos descargarlo desde la página oficial: http://simpletest.org. 
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PAP: DESCARGAR LOS INSTALADORES 





0 1 Diríjase a http://redis.io, el sitio de Redis. En el menú, encontrará el enlace 
Down load; haga clic en él y verá una página con las opciones de descarga. 


Download 


Redis uses a standard practico for Rs versioning major.minor.patchleve! An even minor marks a stable release 12, 20.22 24,26. Odd 
minots arè used for unstable releases 27 x were the unstable versions hal became 2.0 once stable 


26.14 Stable This ¡is the newest Redis version replacing Redis 2.4. Redis 2.6 features support for Lua seriprisg Download 
miligaconds precsgion expires, improved memory usses. unlimited number of chants, improved 
AOF generation, better persemanca, a mumber elf new commands and fostures. For the complete 
best el nea fenturas. and the hst el focas contained in each 2$ release, piense check the Relarse 
Notes 


2.4.18 Legacy Reds 24d offers a number of significant sdamages ovar Redis 2.2, you can read abast al the 
changes in this detailod anticle, For a list of fixes contained in each 2.4 release candidate please 
check the Release Notes New Redis users should use 2.6 instead 


Unstable Unstable This is where al thè development happens Onty for hard core hackers 


Win32/64  Unoficial The Reds project doss not árecily suppor Windows, bower the Micrsot Open Tech group 
develops and maintains an eporimental Windows port targeting VWin32/54. Currently the port is 
nal producton quably but can be ysed lor development purposes on Windows esmionmerts We 
look foreard for colaborating with the authors of this oforts but currently we will not merge the 
Windows pòrt to Ihe mam code base 


Other downloads aro available on Gaud and Google Code 


Installation 


Ocunioad extract and compile Reds with 





02 Dentro de Win32/64 haga clic en Windows port targeting Win32/64. 
Busque la sección Acknowledgements y haga clic en https://github.com/ 
dmajkic/redis, luego presione sobre http://github.com/dmajkic/redis/downloads. 


A A A A A 


Z3 README 
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» 
Se abre la página de descarga de los instaladores de Redis para Windows, que 
03 se encuentran comprimidos en archivos ZIP y, por lo general, contienen tanto 
la versión para 32 bits como para 64 bits. 


dmajkic / redis GE Watch - 


Code Netaork ¡Requests Vin raps 


Downloads 


Doanioad 25 19 Dowmnioad as taz q 


Download Packages 





| Abriendo eedis-24.5-win32-wiró4.; 
p 1005024510204, 110 — Reds 2d , d 


| Ha elegido abrir 

11237001264 £oc.11p Red B red-24.5-wela12 -inb Ari 

que es de tipo: Archos WinRAR ZP 1501 105) 
de hrjg//clovd grhub com 


winJ2-wwn44.1p — Reds:24 
| ¿Qué debería haces Ferfca con este archovo? 


y r i 4 
j. win2. wia64.1ip = Reas-] hbre gn | WINRAR archiver (perdeterminada) 


o Guarder archrro 


632 09064.11p — ROS5-2] Hpcór etto ntcmiticaanarte para exter archovos a parte de ahora 


2.2202 MAA. 11p — Reds? 











1 wal?) wiassi.:ip —Reds-? 7? 1- Windows binaries (wn? and 154 maudad 





04 Ahora debe descargar el programa que hace que Redis se ejecute como un servicio. 
En https://github.com/kcherenkov/redis-windows-service haga clic en 
Comp1 led executable. Esto lo llevará a la página de descarga. 


Mill eno PO 
T aie A car y ie Li ter A ar È ha [j sr A Das A Ter E e dar Li pr 
e © iper (ón [Bog Help 


y! eds rd eno 


Ha PA 
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Una vez descargados los instaladores es momento de preparar el 
entorno, instalar Redis y hacer una prueba para verificar que todo salió 
bien. Para realizar estas tareas será necesario que completemos una 
serie de procedimientos, descritos en el siguiente Paso a paso. No se 


trata de un procedimiento complicado, solo es necesario observar las 
recomendaciones que entregamos. 


PAP: INSTALACIÓN DE REDIS 





0 1 Antes que nada, es necesario que identifique qué sistema de archivos tiene 
instalado, si de 32 o 64 bits. Para esto, deberá acceder a Panel de control/ 


Sistema y seguridad/Sistema; posteriormente, encárguese de realizar la 
verificación de la configuración en la sección Tipo de sistema. 


Mg © y Panel de contrcd » Ssterma y vegundad » Satema 


Ventana poncal del Foral de i 
ai Ver información básica acerca del equipo 
bávén de Windom 
D Asmane de dont 
mu 

Ó Conbieganición de Acceso Mindo ) Utmite 

remo Copyrgre € 2009 Micrccott Corporsbon Beercados todos los derechos 
$ Protección dei itema 


dy Corbegarción arentoda del 
uters 


Snemna 


Ebebueción mm jisa 


Procmador htf) CoreTM)? Duo CPU Podio © 2400h: 20 0h: 
Merrora rritiado (FAM: 600 G3 
Togo de terra dra pero de d dt 


Lapa y entrada tactd La entrada táctd e maruncrta no eta Impordble para erta partalo 


Cortragaación de norriber, dommo y grupo de trebao del equipo 
Mormbre de equipo e 


Mombre completo de 1E 
tupo 


Desxcrpotn de equipo 
napa de trabapo 
hc de Mind 


Anas etd aa D 


ld del producta OLIE OEM 292662 00010 lo qual 
oniginal 


A INIA INN A a a 





Investigadores alemanes han desarrollado anteojos que utilizan realidad aumentada para consultar ma- 
nuales y visitar páginas web sin necesidad de moverse de lugar. Podemos ver más información en 


el siguiente enlace: http://tendencias21.net/Nuevas-gafas-de-realidad-aumentada-permiten- 
consultar-manuales-sin-tocarlos_a14261.html. 
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p 
2 A continuación, diríjase al directorio donde descargó el instalador de Redis y abra 
0 el archivo ZIP, que contiene las versiones de 32 y 64 bits. Extraiga la carpeta que 
corresponde a su sistema y péguela en la unidad C. 











03 Para que sea posible realizar una mejor identificación, cambie el nombre de la 
carpeta que copió en el paso anterior por Redis, más la versión que corresponde 
a la instalación que se encuentra realizando, por ejemplo: Redis245. 
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» 
Luego, vaya al directorio donde descargó el instalador RedisService_1.1.exe 
04 y posteriormente cópielo y péguelo dentro de la carpeta que ha creado 
anteriormente (es decir, Redis245). 








05 Ahora que ya tiene todo en su lugar, solo le queda crear el servicio para Windows. 
Para esto, abra una consola presionando las teclas WINDOWS + R. En la ventana 


Ejecutar, escriba cmd y presione ENTER o Aceptar. 


EN Administrador: CAWindows|system321cmd.exe 


Microsoft Windows [Versión 6.1.76MB] 
Copyright <c> 2009F Microsoft Corporation. Reservados todos los deret 


C:\Wsers\beto>sc create Redis245 binpath= "“"C:ixredis245xRedisServid 
C:N\Nredis245\redis.conf" start= "auto'” DisplayName= '"Redis245" 
[SC] CreateService CORRECTO 


HANA ADA 





Z www.redusers.com 


SISTEMAS WEB ESCALABLES USERS LY; 


> 
En la consola que se abre, escriba: sc create %name% binpath= 
06 A”%binpath%” %configpath%” start= “auto” DisplayName= 
“Redis”. Referencia: %name% es el nombre del servicio, %b1npath% es la ruta 
del archivo de servicio y 4conf1gpath% es la ruta del archivo de configuración. 


Administrador: CA Windows! system321cmd.exe 


Microsoft Windows [Versión 6.1.7600] 
Copyright <c> 2009? Microsoft Corporation. Reservados todos los deret 


C:\WsersNbeto>sc create Redis245 binpath= "x"C:ixredis245xRedisServic 
CG:Nredis245\redis.conf"” start= “auto” DisplayName= "Redis245" 
[SC] CreateService CORRECTO 


AAN DAS Redis245 


NOMBRE_SERUVICIO: Redis245 
Mee : 16 WIN32_0WN_PROCESS 


IAS pe = 2 START_PENDING 
<NOT_STOPPABLE,. NOT_PAUSABLE, IGNORI 
AMES IA MIA EP A LD 
CÓD_SALIDA_SERUVICIO: BM.  <BxB> 
II iia A i a i 
INDICACIÓN_INICIO : Bx7d8 
¡40 = 2784 
MARCAS - 


HEDSIETS EAS A pA 





0 / Es momento de iniciar el servicio. En la consola, escriba: sc start Redi1s245. 
Si el servicio se inició, deberá ver una pantalla como la que sigue. 
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p 


8 Para asegurarse de que el servicio está creado e iniciado, puede acceder al visor 

0 de servicios de Windows a través de Panel de control/Sistema y 
seguridad/Herramientas administrativas/Serv1c10s. Ahí verá una 
pantalla como la siguiente; ubíquese en la lista y presione la letra R. Debería tener 
un servicio llamado Redis245 con el estado Iniciado. 


EX Administrador: CWindowssystem321cmd.exe lola [EX 


CiANRedis245>redis-cli -h 
redis-cli 2.4. 


z redis-cli [OPTIONS] [cmd [arg [arg ...1]1] 
h <hostname>» Server hostname <default: 127.0.0.1> 
<port> Server port <default: 6379> 
<socket> Server socket Coverrides hostname and port»? 
<password> Password to use when connecting to the server 
~ <repeat> Execute specified command N times 
i <interval> When -r is used, waits <interval> seconds per command. 
It is possible to specify sub-second times like -i B.1. 
0D Database number 
Read last argument from STDIN 
CCR ELLER: DA Multi-bulk delimiter in for raw formatting default: Nn> 
Use raw formatting for replies <default when STDOUT is not a 


Enter a special mode continuously sampling latency. 
—-—-he lp Output this help and exit 
——version Output version and exit 


Examples: 
cat /etc/passud | redis-cli -x set mypassud 
redis-cli get mypassud 
redis-cli —r 188 lpush mylist x 
redis-cli -r 100 -i í info i grep used_memory_human : 


When no command is given, redis-cli starts in interactive mode. 
Type "help" in interactive mode for information on available commands. 


C:NRedis245 >m 





Una vez que verificamos que el servicio está ejecutándose, nos 
queda hacer la prueba de fuego. Para esto, abrimos una consola, 
nos situamos en el directorio donde tenemos Redis (que, siguiendo 
nuestro ejemplo, es C:\Redis245) e iniciamos el servidor con el siguiente 
comando: redis-server.exe 

Luego, abrimos otra consola, nos situamos en C:/Redis245 y 
ejecutamos el siguiente comando: redis-cli.exe 

Probamos almacenando una clave con su respectivo valor y lo 
volvemos a obtener: 


redis 127.0.0.1:6379> set varl1 “hola mundo” 
OK 

redis 127.0.0.1:6379> get varl 

“hola mundo” 
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De este modo, tenemos listo el servidor de bases de datos para 
realizar pruebas y empezar a conocerlo mejor. Es necesario aclarar 
que, de ahora en más, ya no es necesario ejecutar el programa redis- 
server.exe, ya que lo tenemos ejecutándose como servicio de Windows 
y podemos utilizarlo cuando lo necesitemos. Si reiniciamos nuestra 
computadora, podemos abrir una consola, acceder al directorio donde 
tenemos la base de datos y ejecutar redis-cli; luego, cuando ejecutamos 
el comando get varl, debemos obtener el valor “hola mundo”. 


Tipos de datos 


A diferencia de otras bases de datos NoSQL, Redis ofrece varios tipos 
de datos incorporados, donde cada uno tiene un significado semántico 
útil que adhiere beneficios en cuanto a rendimiento. Pero antes de 
hablar de cada uno de los tipos de datos, es importante tener en cuenta 
algunas cuestiones cuando diseñamos una estructura clave-valor: 


e Ser consistentes cuando definimos las claves. Como pueden 
contener cualquier carácter es una buena práctica definir espacios 
de nombres mediante separadores. Estos espacios de nombres 
deben ser representativos de cada contexto. Una práctica útil puede 
ser usar el carácter : (dos puntos) como separador, por ejemplo, 
cliente:proyecto:1l:tareas. 

e Cuando definimos las claves, debemos limitarlas a un tamaño 
razonable. Es buena práctica usar nombres tan cortos como sea 
posible, ya que al obtener una clave desde el motor se efectúan 
operaciones de comparación más eficientes con claves cortas. 

e Así como las claves no deben ser largas, tampoco deben ser 
excesivamente cortas, ya que deben ser legibles y representativas 
para un mejor entendimiento del contexto. 


Con estas cuestiones en mente, claves como c:p:1:t o cliente 
10 serían una mala opción, porque la primera no tiene ninguna 
representación semántica y la segunda incluye espacios en blanco. 
Ahora vamos a definir y analizar en profundidad los tipos de datos 
que ofrece Redis: strings, lists, sets, hashes y sorted sets. 
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Strings 

El tipo de dato string es el más común y frecuentemente usado. Es 
un binario seguro, lo que significa que puede almacenar una cadena de 
cualquier tipo de dato, como una imagen JPG, un video MPEG o un objeto 
serializado, y debe tener un tamaño máximo de 512 Mb. Un ejemplo son 
las imágenes almacenadas para los avatares de una red social. 

Redis ofrece varias operaciones útiles que se pueden realizar con 
este tipo de datos. Por ejemplo, se puede usar un string como un 
contador y realizar operaciones de incremento o decremento. 


EN Administrador: CWindows|system321cmd.exe - redis-cli 


AE A 
1:6379> MSET clavel "hola" clave2 "mundo" 


:6379> GET clavel 
:63'79> GET clave2 
:6379> STRLEN clavel 


:6379> APPEND clave2 " grandioso" 
PERERA GET clave2 


-B. 
a 
m: 
a 
GP 
qa 
E 
GP 
EE 
GP 


15 
a 
a 
4 
aP 
5 
a 
1 
Ae 
nd 
GP 


1 
pl 
1 
1:6379> STRLEN clave2 
1 
E 
E 


PERA :63'79> 





Figura 2. Vemos los comandos que podemos usar 
con los strings para agregar dos claves, obtener los valores para 
cada uno, la longitud y agregar un valor a cada clave. 


Lists 


Este tipo de datos es una lista ordenada de strings binarios, que 
establece un criterio de orden por inserción basado en la estructura de 
una lista enlazada. Es posible agregar elementos tanto al final como al 
inicio de la lista. Su longitud máxima es de 2*? -1 elementos, es decir, 
más de 4 billones de elementos por lista. 

Redis ofrece un gran rendimiento en las operaciones de inserción 
como también de borrado constante, tanto al inicio como al final de las 
listas, inclusive cuando éstas contienen varios millones de elementos. 
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El acceso en los extremos es rápido. Sin embargo, si se desea obtener 
un elemento del medio, suele ser más lento en listas muy grandes. 
Existen utilidades para este tipo de datos. Se pueden crear colas de 
eventos (timeline, usadas en las redes sociales, como Twitter) en las 
cuales se van ubicando los tweets que van escribiendo los usuarios. 


EX Administrador: Ci Windows system321cmd.exe - redis-cli 


CiNRedis245>redis-cli 
27.6.0.1:6379> RPUSH lista "hola" 


.0.1:6379> RPUSH lista "grandioso" 
:63'79> LINSERT lista BEFORE "grandioso" "mundo" 
.0.1:6379> LRANGE lista Ø -i 
"mundo*” 


“grandioso” 
redis 127.0.0.1:6379> m 





Figura 3. Vemos cómo insertar un elemento 
a la derecha, luego otro más y finalmente, uno entre ambos. 


Sets 


El tipo de datos set es una colección desordenada de strings. Al igual 
que el tipo de datos list, el número máximo de elementos es de 2?? -1, 
o sea, más de 4 millones de elementos por set. En este tipo de datos se 
pueden realizar operaciones como adición, eliminación o verificación de 
existencia de algún elemento, entre otras. 


j DN URSS NA 





Google ofrece un complemento para Chrome que sirve para medir la velocidad que tienen los sitios y 


ofrece una lista de las mejores prácticas ordenadas por importancia, donde cada una incluye un puntaje 


de incidencia. Más información en: https: //developers.google.com/speed/pagespeed. 
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Un aspecto interesante es que los sets no permiten elementos 
repetidos, es decir, si se intenta agregar un mismo elemento dos 
veces, Redis ignorará la segunda operación. Al mismo tiempo, Redis 
provee para los sets operaciones matemáticas a partir de conjuntos ya 
existentes, como unión, intersección o diferencias en muy poco tiempo. 

Al igual que los tipos de datos vistos anteriormente, con los sets se 
pueden hacer varias implementaciones. Por ejemplo, un sistema de 
almacenamiento de acceso a un sitio, teniendo como dato la dirección IP 
del visitante: cada vez que el visitante ingresa, almacenamos su IP y, en 
caso de que los accesos se repitan, no se duplicarán en la base de datos. 


EX Administrador: CAWindowssystem321cmd,exe - redis-cli 


SADD seti “hola” 
:6379> SADD seti "mundo" 
:6379> SMEMBERS seti 


6379> SADD set2 "mundo" 
:6379> SADD set2 "grandioso" 
:6379> SMEMBERS set2 


2) “grandioso” 
redis 127.0.0.1:6379> SUNION seti set2 
1> "mundo" 

> "hola" 
3) “grandioso” 
redis 127.0.0.1:6379> 





Figura 4. Es posible crear dos sets 
y luego realizar una operación de unión entre ellos. 


Sorted sets 


Este tipo de datos es una colección no repetida de strings similar 
a los sets, con la diferencia de que cada elemento está asociado a un 
puntaje, usado para obtener un conjunto ordenado de menor a mayor. 
Es importante tener en cuenta que los elementos son únicos pero los 
puntajes pueden ser repetidos. 

Las operaciones que podemos realizar con este tipo de datos son 
adición, eliminación y modificación, de una manera muy rápida ya que 
los elementos se encuentran ordenados. Es posible obtener rangos por 
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puntaje o por posición, así como también acceder 


a elementos que se encuentran en el medio del LAS OPERACIONES 
conjunto; consideremos que para ambos casos SOBRE SORTED 
tendremos un gran desempeño. 

En síntesis, cualquier operación sobre este SETS OBTIENEN 
tipo de datos tiene una gran velocidad de GRAN VELOCIDAD DE 
procesamiento debido a su característica de 
puntaje. Un ejemplo de uso es un sistema para PROCESAMIENTO 


actualizar el ranking de líderes de un juego 

online, en el que cada vez que el usuario avanza 

un nivel se actualiza su puntuación. De esta manera, se puede obtener 
la lista de todo el conjunto, donde veremos cada elemento y su 
puntuación, o la posición para cada elemento en particular. 


EX Administrador: C:1Windows|system321cmd.exe - redis-cli 


C:N\NRedis245>»redis-cli 
7.0.0.1:6379> ZADD set 10 "diez" 

:6379> ZADD set 8 "ocho" 

:6379> ZINCRBY set 5 "ocho" 


:6379> ZRANGE set BM -1 WITHSCORES 


ZRANGE set Ø -i 





Figura 5. Agregamos dos elementos con sus 
respectivos puntajes, que luego obtenemos con ZRANGE. 


a EN 





El sitio hammerprinciple.com ofrece una gran variedad de comparaciones de tecnologías, entre las cua- 


les podemos encontrar una de las más buscadas: Redis contra MySQL. Para ver cada uno de los paráme- 


tros comparados podemos acceder a: http://hammerprinciple.com/databases/items/redis/mysd]. 
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Hashes 


Los hashes son lo más parecido a las estructuras de bases de datos 
relacionales. Un hash en Redis puede almacenar varios campos con sus 
respectivos valores dentro de una clave específica. Este tipo de datos es 
perfecto para representar objetos, por ejemplo usuarios, con campos 
como nombre, apellido, nombre de usuario y correo electrónico. 

Redis provee un mecanismo de almacenamiento de hashes que 
requiere muy poco espacio, de manera que se pueden almacenar 
millones de objetos en una mínima instancia. Hablamos de almacenar 
objetos porque el tipo de dato hash es usado principalmente para este 
fin, pero también se pueden almacenar muchos otros elementos. Y, al 
igual que los list y los sets, cada hash puede almacenar 2** -1, es decir 
más de 4 millones de pares campo-valor. 


EN Administrador: CWindows|system321cmd.exe - redis-cli 


CiMRedis245>redis-cli 
redis 127.0.0.1:63792> HMSET usuario:Í1 nombre "Juan" apellido "Perez" 
OK 
redis 127.0.0.1:63792> HMSET usuario:2 nombre "David" apellido "Beckham" 
OK 
redis 127.0.0.1:6379> HGETALL usuario:1 
1> "nombre" 
2> "Juan" 
3> "apellido" 
4) "Perez" 
redis 127.0.0.1:6379> HGETALL usuario:2 
1> "nombre" 
2> "David" 
3> "apellido" 
475 "Beckham" 
redis 127.0.0.1:63792> HUALS usuario:1 
1> “Juan” 
“Perez” 
redis 127.0.0.1:6379> HUALS usuario:2 
1> "David" 
2> "Beckham" 
redis 127.0.0.1:6379> 





Figura 6. Ejemplo de almacenamiento 
de dos hashes y del modo en que podemos obtener los valores. 


LEE 





7 a COMPUTACIÓN EN LA NUBE 


Más comúnmente conocida como cloud computing, esta tecnología es cada vez más utilizada por las per- 


sonas comunes, ya que, a diferencia de las computadoras personales, brinda a los usuarios la posibilidad 


de acceder a su información y a los programas dondequiera que estén y desde cualquier tipo de dispositivo. 
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Comandos 


Debemos considerar que, como todo motor de base de datos, 
Redis dispone de comandos tanto para realizar la manipulación de 
los diferentes tipos de datos como para efectuar la configuración 
de parámetros del servidor, claves y opciones de conexión. 

Es importante aclarar que para ejecutar cualquier comando debemos 
tener abierta una consola y estar ubicados en el directorio donde se 
encuentra nuestro motor, por ejemplo C¡Redis245. 


En la siguiente tabla vamos a conocer los comandos más importantes 
que nos ofrece Redis, agrupados por categoría. 





PRINCIPALES COMANDOS 
y CATEGORÍA y COMANDO Ml: 
BGREWRITEAOF Reescribe asincrónicamente un archivo AOF (append-only file). 
CONE Guarda de manera asincrónica la base de datos que está en el disco 
duro. 
CLIENT KILL Cierra la conexión a un cliente específico. 
CLIENT LIST Devuelve información acerca de la conexión del cliente. 
CONFIG GET Devuelve los valores de los parámetros de configuración del servidor. 
CONFIG SET Establece valores para los parámetros de configuración del servidor. 
Servidor CONFIG RESETSTAT Reinicia los valores devueltos por el comando INFO. 
DBSIZE Devuelve la cantidad de claves en la base de datos seleccionada. 
FLUSHALL Elimina todas las claves de todas las bases de datos existentes. 
FLISHDB Elimina todas las claves de la base de datos actual. 
INFO Devuelve información y estadísticas acerca del servidor. 


Devuelve la fecha en formato UNIX de la última vez que se guardó la 
LASTSAVE 
base de datos en el disco. 


SAVE Guarda sincrónicamente la base de datos en el disco. > 
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Servidor 


Conexión 


Keys 


SHUTDOWN 


SLAVE OF 


AUTH 
ECHO 
PING 
QUIT 
SELECT 


DEL 


DUMP 


EXISTS 
EXPIRE 
EXPIREAT 
KEYS 
MIGRATE 
MOVE 
PERSIST 
PEXPIRE 
PEXPIREAT 
me 
RANFOMKEY 
RENAME 
RENAMENX 
SORT 

me 


TYPE 
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Guarda sincrónicamente la base de datos en el disco y apaga el 
servidor. 
Cambia la configuración del servidor como esclavo de otro y, en 


caso de que ya sea un esclavo, lo cambia a maestro. 


Solicita autenticación a un servidor Redis mediante una contraseña. 
Imprime un mensaje. 

Testea la conexión a un servidor. 

Cierra una conexión. 

Selecciona una base de datos para trabajar en la conexión actual. 


Borra una clave. 


Devuelve una versión serializada del valor almacenado en una clave 


específica. 


Determina si una clave existe. 

Configura el tiempo de vida en segundos de una clave. 

Configura la expiración de una clave en un formato UNIX timestamp. 
Busca todas las claves que coinciden con un patrón. 

Transfiere una clave de una instancia de Redis a otra. 

Mueve una clave de base de datos a otra. 

Elimina el tiempo de expiración de una clave. 

Configura el tiempo de vida de una clave. 

Configura el tiempo de vida en formato UNIX timestamp de una clave. 
Obtiene el tiempo de vida de una clave en milisegundos. 

Devuelve aleatoriamente una clave. 

Renombra una clave. 

Renombra una clave, solo si la nueva clave no existe. 

Ordena los elementos de una lista, set o sorted set. 

Obtiene el tiempo de vida de una clave. 


Determina el tipo de clave. p 
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Strings 


Hashes 


APPEND 


DECR 


DECRBY 


GET 


GETBIT 


GETRANGE 


GETSET 


INCR 


INCRBY 


INCRBYFLOAT 


MGET 


MSET 


MSETNX 


PSETEX 


SET 


SETEX 


SETNX 


SETRANGE 


STRLEN 


HDEL 


HEXISTS 


HGET 


HGETALL 


A ¡214 
e m e 


Agrega un valor a una clave. 


Decrementa el valor de una clave de tipo entero. 


Decrementa el valor de una clave de tipo entero mediante un valor 


establecido. 


Devuelve el valor de una clave. 

Devuelve el valor del bit de una clave. 

Obtiene una porción de un string almacenado en una clave. 
Asigna un valor a una clave y devuelve el valor anterior. 


Incrementa en uno el valor de una clave de tipo entero. 


Incrementa en uno el valor de una clave de tipo entero mediante un 


valor establecido. 


Incrementa el valor de una clave de tipo flotante mediante un valor 


establecido. 


Devuelve los valores de todas las claves especificadas. 

Asigna múltiples valores a múltiples claves. 

Asigna múltiples valores a múltiples claves, solo si ninguna clave existe. 
Asigna el valor y un tiempo de expiración en milisegundos de una clave. 
Asigna un valor string a una clave. 

Asigna el valor y un tiempo de expiración de una clave. 

Asigna el valor de una clave, solo si la clave no existe. 


Sobrescribe una porción de un string para una clave dada, 


especificando una posición de partida. 
Obtiene la longitud del valor de una clave. 
Elimina uno o más campos de un hash. 
Determina si existe un campo en una clave. 
Obtiene el valor de un campo de un hash. 


Obtiene todos los campos y valores de un hash. p> 
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Hashes 


Lists 


-> 


De de o E A e 


HINCRBY 


HINCRBYFLOAT 


HKEYS 


HLEN 


HMGET 


HMSET 


HSET 


HSETNX 


HVALS 


BLPOP 


BRPOP 


BRPOPLPUSH 


LINDEX 


LINSERT 


LLEN 


EROR 


LPUSH 


LPUSHX 


LRANGE 


LREM 


LSET 


LTRIM 


NY www.red .com 


2. REDIS 


Incrementa el valor entero de un campo mediante un valor 


establecido. 


Incrementa el valor flotante de un campo mediante un valor 


establecido. 

Devuelve todos los campos de un hash. 

Obtiene el número de campos de un hash. 

Obtiene los valores mediante los campos establecidos. 
Establece múltiples campos con sus respectivos valores. 
Establece un valor a un campo específico. 


Establece un valor a un campo específico, solo si el campo no 


existe. 
Obtiene todos los valores de un hash. 


Obtiene y elimina el primer elemento de una lista, y en caso de que 


no existan elementos se bloquea la conexión. 


Obtiene y elimina el último elemento de una lista, y en caso de que 


no existan elementos se bloquea la conexión. 


Obtiene y elimina un elemento de una lista, lo pone en otra lista y lo 


retorna. En caso de que no existan elementos se bloquea la conexión. 
Obtiene un elemento de una lista mediante un índice especificado. 
Inserta un elemento antes o después de otro elemento. 

Obtiene la longitud de una lista. 

Elimina y devuelve el primer elemento de una lista. 

Agrega uno o más elementos al principio de una lista. 


Agrega uno o más elementos al principio de una lista, solo si la lista 


existe. 
Obtiene un rango de elementos de una lista. 
Elimina elementos de una lista. 


Asigna un valor a un elemento de una lista mediante un índice. 


Recorta un elemento de una lista mediante un rango especificado. p 
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Lists 


Sets 


Sorted Sets 


RPOP 


RPOPLPUSH 


RPUSH 


RPUSHX 


SADD 


SCARD 


SDIFF 


SDIFF STORE 


SINTER 


SINTERSTORE 


SISMEMBER 


SMEMBERS 


SMOVE 


SPOP 


SRANDMEMBER 


SREM 


SUNION 


SUNIONSTORE 


ZADD 


ZCARD 


ZCOUNT 


ZINCRBY 


ll 
e al e 


Elimina y obtiene el último elemento de una lista. 


Elimina el último elemento de una lista, lo pone en otra lista y lo 


retorna. 


Agrega uno o más elementos a una lista. 
Agrega uno o más elementos a una lista, solo si la lista existe. 
Agrega uno o más miembros a un set. 


Obtiene el número de elementos de un set. 


Devuelve los miembros de un set que resultan de una diferencia 


entre el primer set y los sets sucesivos. 


Es similar a SDIFF pero en lugar de retornar el set resultante lo 


almacena en una clave. 
Realiza una intersección entre múltiples sets. 


Realiza una intersección entre múltiples sets y almacena el set 


resultante en una clave. 


Determina si un valor obtenido es un miembro de un set. 
Obtiene todos los miembros de un set. 

Mueve un miembro de un set a otro. 

Elimina y retorna un elemento aleatorio de un set. 

Obtiene uno o múltiples miembros aleatoriamente de un set. 


Elimina uno o más miembros de un set. 


Devuelve los miembros resultantes de la unión de los sets 


especificados. 


Devuelve los miembros resultantes de la unión de los sets 


especificados y los almacena en una clave. 


Agrega uno o más miembros a un sorted set o actualiza su 


puntuación en caso de que el miembro ya exista. 
Obtiene el número de miembros de un sorted set. 


Obtiene el número de elementos con su puntuación mediante un 


rango establecido. 


Incrementa la puntuación de un miembro. 
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Sorted Sets 


Pub/Sub 


ZINTERSTORE 


ZRANGE 


ZRANGEBYSCORE 


ZRANK 


ZREM 


ZREMRAN- 
GEBYRANK 


ZREMRAN- 
GEBYSCORE 


ZREVRANGE 


ZREVRAN- 
GEBYSCORE 


ZREVRANK 


ZSCORE 


ZUNIONSTORE 


PSUBSCRIBE 


PUBLISH 


PUNSUBSCRIBE 


SUBSCRIBE 


UNSUBSCRIBE 
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Realiza una intersección entre múltiples sorted sets y almacena el 


resultado en una nueva clave. 


Retorna un rango de miembros de un sorted set ordenados por 


clave. 


Retorna un rango de miembros de un sorted set ordenados por 


puntuación. 
Determina el índice de un miembro en un sorted set. 
Elimina uno o más miembros de un sorted set. 


Elimina todos los miembros de un sorted set mediante índices 


establecidos. 


Elimina todos los miembros de un sorted set mediante puntuaciones 


establecidas. 


Retorna un rango de miembros con sus puntuaciones ordenado de 


mayor a menor mediante índices establecidos. 


Retorna un rango de miembros con sus puntuaciones ordenado de 


mayor a menor mediante puntuaciones establecidas. 


Retorna el índice de un miembro con su puntuación ordenado de 


mayor a menor. 


Obtiene la puntuación asociada a un miembro. 


Une múltiples sorted sets y almacena el resultado en una nueva 


clave. 


Escucha mensajes publicados de canales que coinciden con los 


patrones establecidos. 
Publica mensajes en un canal. 


Detiene el proceso de escucha de mensajes publicados de canales 


que coinciden con los patrones establecidos. 


Escucha mensajes publicados de canales que coinciden con los 


canales establecidos. 


Detiene el proceso de escucha de mensajes que coinciden con los 


canales establecidos. 


E 
Tabla 1. Principales comandos de Redis. 
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Además de los comandos que vimos 


anteriormente, disponemos de otros que debemos LA OPCION 
considerar para ser usados en los clientes. Si REDIS-CLI -H NOS 
escribimos redis-cli -h se muestran diferentes 

opciones interesantes. Entre los comandos más MUESTRA UNA SERIE 
importantes se encuentran los que mencionamos DE COMANDOS 


a continuación: ÚTILES 
e -h<hostname>: este comando es adecuado para 
conectarnos a una instancia de Redis que haya 
sido instalada en un servidor remoto. 
e -p<port>: se trata del comando que permite especificar un puerto 
diferente al puerto por defecto que es 6379. 
e -a<password>: para especificar la clave que se usará cuando 
intentemos conectarnos al servidor. 
e --version: muestra la versión de Redis que tenemos instalada. 





EN Administrador: CAWindowsisystem321cmd.exe cmm 


C:NRedis245>redis-cli -h 
redis-cli 2.4.5 


z redis-cli [OPTIONS] [cmd [arg [arg ...]1]] 
h <hostname>? Server hostname <default: 127.0.0.1> 

<port> Server port “default: 63'79> 

AD Server socket Coverrides hostname and port»? 

<password> Password to use when connecting to the server 

~ <repeat> Execute specified command N times 
i <interval> When -r is used, waits <interval> seconds per command. 

It is possible to specify sub-second times like -i B.1. 

iD Database number 
Read last argument from STDIN 

IAE AD Multi-bulk delimiter in for raw formatting <Cdefault: Nn? 

' Use raw formatting for replies “default when STDOUT is not a 


——- latency Enter a special mode continuously sampling latency. 
——he lp Output this help and exit 
——version Output version and exit 


Examples: 
cat /etc/passud i redis-cli -x set mypassud 
redis-cli get mypassud 
redis-cli -r 1ðð lpush mylist x 
redis-cli —r 18B -i 1 info i grep used_memory_human : 


a i T E Ss 4 , : f 
When no command is given, redis-cli starts in interactive mode 
Type "help" in interactive mode for information on available commands. 


C:NRedis245> 





Figura 7. Listado de los comandos 
que se encuentran disponibles luego de ejecutar redis-cli -h. 


Debemos tener en cuenta que, para ver la lista completa de 
comandos, debemos acceder al sitio oficial de Redis y buscar entre 
sus vínculos. También podemos hacerlo directamente desde la 
siguiente ditrección web: http: //redis.10/commands. 
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à Publicación y suscripción 


Redis implementa el paradigma de publicación y suscripción de 
mensajes, el cual define que los publicadores no son programados 
para enviar mensajes a receptores específicos (suscriptores), sino 
que los mensajes publicados solo pertenecen a canales que no 
tienen conocimiento de qué o quién los recibirá. Por otro lado, los 
suscriptores solo recibirán los mensajes de los canales a los cuales 
están suscriptos sin conocer qué publicador los envía. 

Como vimos en la tabla de comandos, SUBSCRIBE, UNSUBSCRIBE 
y PUBLISH son implementados para establecer la comunicación 
entre los suscriptores y los publicadores. Para entender mejor lo que 
estamos comentando vamos a desarrollar un pequeño ejemplo. 

Para todos los casos es necesario abrir una consola y situarnos en 
el directorio donde tenemos la instancia de Redis, por ejemplo, CA 
Redis245. Primero ejecutamos el comando redis-cli y, una vez iniciado 
el cliente, nos suscribimos al canal canal_uno: 


C:\Redis245>redis-cli 

redis 127.0.0.1:6379> SUBSCRIBE canal_uno 
Reading messages... (press Ctrl-C to quit) 

1) “subscribe” 

2) “canal_uno” 

3) (integer) 1 


Luego, en otra ventana de comandos, ejecutamos el comando redis-cli 
y publicamos un mensaje en canal_uno: 


CARedis245>redis-cli 

redis 127.0.0.1:6379> PUBLISH canal_uno “hola mundo” 
(integer) 1 

redis 127.0.0.1:6379> 


Después de haber publicado el mensaje, automáticamente lo reciben 
todos los clientes suscriptos a este canal: 
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CARedis245>redis-cli 

redis 127.0.0.1:6379> SUBSCRIBE canal_uno 
Reading messages... (press Ctrl-C to quit) 

1) “subscribe” 

2) “canal_uno” 

3) (integer) 1 

1) “message” 

2) “canal_uno” 

3) “hola mundo” 


Consideremos que, cuando deseemos dejar de recibir mensajes de 
este canal, solo debemos desuscribirnos del siguiente modo: 


CARedis245>redis-cli 

redis 127.0.0.1:6379> UNSUBSCRIBE canal_uno 
1) “unsubscribe” 

2) “canal_uno” 

3) (integer) O 

redis 127.0.0.1:6379> 


Formato de los mensajes 


Dado que los mensajes necesitan retornar tres valores, son de tipo 
Multi-bulk reply, los cuales tienen la capacidad de contener múltiples 
elementos en la misma salida. El primer elemento indica el tipo de 
mensaje, que puede ser subscribe, unsubscribe O message. 


C9 REDIS CONTRA MONGODB 





Si bien Redis y MongoDB son dos motores de bases de datos de tipo NoSQL, tienen características 
diferentes que determinan cuándo usar cada uno. En hammerprinciple.com podemos ver una com- 
paración entre ambos, que es útil consultar para futuros desarrollos: http://hammerprinciple.com/ 


databases/items/redis/mongodb. 
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e subscribe: muestra que nos hemos suscripto con éxito al canal que 
tenemos como segundo elemento, mientras que el tercero indica 
la cantidad de canales a los cuales estamos suscriptos. 


1) “subscribe” 
2) “canal_uno” 
3) (integer) 1 


e unsubscribe: indica que nos hemos desuscripto con éxito del canal 
que tenemos como segundo elemento. El tercero indica la cantidad 
de canales a los cuales estamos suscriptos. Si la cantidad es igual 
a cero, quiere decir que no estamos suscriptos a ningún canal y el 
cliente puede ejecutar cualquier tipo de comando. 


1) “unsubscribe” 
2) “canal_uno” 
3) (integer) O 


e message: este es el mensaje recibido como resultado del comando 
PUBLISH ejecutado por otro cliente. El segundo elemento indica 
el canal del cual proviene el mensaje y el tercero es el mensaje 
propiamente dicho. 


1) “message” 
2) “canal_uno” 
3) “hola mundo” 


N TIN 





Es muy común que necesitemos ejecutar algún comando, acceder a una propiedad o ejecutar un método 
propio del lenguaje, y no recordemos la sintaxis. En el enlace que encontramos en la siguiente direc- 
ción, es posible realizar la descarga de varias hojas de ayuda, que pueden ser de gran utilidad: http:// 


creativasfera.com/las-mejores-cheat-sheets-para-desarrollo-web. 
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Suscripciones mediante 
un patrón de coincidencia 


Redis soporta la suscripción mediante un patrón de coincidencia 
en el nombre del canal. Esto quiere decir que los clientes pueden 
suscribirse mediante patrones globales, de modo que reciben todos 
los mensajes coincidentes con el patrón establecido. 

El asterisco en el patrón indica un comodín, es decir que puede 
tomar cualquier valor, por ejemplo el patrón canal_* coincide con canal_ 
uno, canal_dos y canal_de_comunicacion. Veamos un ejemplo: un cliente se 
suscribe a todos los canales que contengan el patrón canal_*: 


CARedis245>redis-cli 

redis 127.0.0.1:6379> PSUBSCRIBE canal_* 
Reading messages... (press Ctrl-C to quit) 

1) “psubscribe” 

2) “canal: 

3) (integer) 1 


Otro cliente publica un mensaje para el canal_uno y el canal_dos: 


C:\Redis245>redis-cli 

redis 127.0.0.1:6379> PUBLISH canal_uno “hola mundo” 
(integer) 1 

redis 127.0.0.1:6379> PUBLISH canal_dos “hola amigos!” 
(integer) 1 

redis 127.0.0.1:6379> 


Ñ NN RAI 





Debido a la gran variedad de sistemas operativos que existen, es cada vez mayor el desafío de desarro- 
llar aplicaciones para los dispositivos móviles. La esperanza en este ámbito es HTML5, ya que permite 


desarrollar aplicaciones no nativas para todas las plataformas que están basadas en la Web. 
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El cliente suscripto al canal con el patrón canal_* recibe ambos 
mensajes, el que proviene de canal_uno y el que proviene canal_dos. 
Los parámetros del mensaje son cuatro: el primero es el tipo (o sea 
pmessage), el segundo es el patrón coincidente a la suscripción, el 
tercero es el nombre del canal que envió el mensaje y el cuarto es 
el mensaje propiamente dicho. 


CARedis245>redis-cli 

redis 127.0.0.1:6379> PSUBSCRIBE canal_* 
Reading messages... (press Ctrl-C to quit) 
1) “psubscribe” 

2) “canal ~ 

3) (integer) 1 

1) “pmessage” 

2) “canal_*” 

3) “canal_uno” 

4) “hola mundo” 

1) “pmessage” 

2 canal 

3) “canal_dos” 

4) “hola amigos!” 


Con el comando PUNSUBSCRIBE, un cliente se desuscribe de los 
canales coincidentes con el patrón establecido: 


CARedis245>redis-cli 

redis 127.0.0.1:6379> PUNSUBSCRIBE canal_* 
1) “punsubscribe” 

2) “canal_*” 

3) (integer) O 

redis 127.0.0.1:6379> 


Así, un cliente se desuscribe del canal coincidente con el patrón 
canal_* y obtiene un mensaje donde el primer parámetro es el tipo, el 
segundo es el patrón coincidente y el tercero es la cantidad de canales 
a los cuales sigue suscripto. 
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Suscripciones coincidentes 
con canales y con patrones 


Los clientes que estén suscriptos a varios patrones coincidentes 
entre sí, oa canales mediante patrones y canales simples, recibirán 
mensajes duplicados. Podemos verlo en el ejemplo siguiente: 


SUNSCRIBE canal_uno 
PSUBSCRIBE canal * 


En este caso, si un mensaje es enviado al canal_uno, el cliente recibirá 
dos mensajes, uno de tipo message y otro de tipo pmessage. 





Hemos empezado a analizar Redis, ya que es indispensable conocer sus características además de 


cómo y cuándo usarlo. Este motor de base de datos fue desarrollado para funcionar en entornos UNIX, 
aunque existe soporte no oficial para funcionar en Windows como entorno de desarrollo. Dispone de 
tipos de datos propios que brindan una excelente performance tanto para almacenamiento como para 
recuperación de datos. Una característica importante es el mecanismo de publicación y suscripción, a 
partir del cual se pueden tener canales de comunicación entre clientes de manera muy simple, como por 


ejemplo, un sistema de mensajería instantánea. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


¿Dónde operan las bases de datos creadas en Redis? 

¿En qué tipo de almacenamiento se basa Redis? 

¿Redis tiene soporte para Windows? 

¿Se puede configurar una instancia de Redis como esclavo de otro? 
¿Integer es un tipo de dato definido en Redis? 

¿Es posible almacenar un archivo PDF en Redis? 

¿Los espacios de nombres para las claves son recomendados? 


¿Se puede usar el carácter : como separador de espacios de nombres? 


O O N O G0 A QQ N EF 


¿Varios clientes pueden suscribirse al mismo tiempo en un canal? ¿Por qué? 


pal 
O 


¿Es posible que un cliente se suscriba a un canal sin conocer su nombre? 


EJERCICIOS PRÁCTICOS 


]  Mencione los tipos de datos que ofrece Redis. 


Ejecute diez comandos para cada tipo de dato string, list, set, sorted set y hash. 


Abra varias ventanas de comando y cree un canal de comunicación utilizando las 
funciones de publicación/suscripción. 


Exponga las características que hacen que Redis tenga gran rendimiento. 


5 Cree una estructura similar a un contador de visitas, teniendo como dato un 
nombre y el contador. 


7 SANTA 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorWredusers.com 
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Clientes 








Redis 


Aprenderemos a trabajar con Redis y con el lenguaje 

de programación PHP. Con este objetivo en mente, 
estudiaremos dos clientes pero enfocándonos solo en uno 
de ellos, que nos servirá para desarrollar todos los ejercicios 
de aquí en adelante. También veremos cómo utilizar una 
interfaz web de administración y, por último, crearemos 


un ejemplo simple para aplicar lo estudiado. 


y Clientes PHP......nnnnnnnnnnnnnnnnnnnnnn 76 Creación del archivo style.css........... 97 
P 76 Creación del archivo script.js ......... 103 
PNpredIS ae e e at 71 Creación del archivo 
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Clientes PHP 


Antes de comenzar a estudiar cada uno de los clientes, debemos 
dar su definición: un cliente es llamado por la interfaz que permite la 
comunicación entre el lenguaje de programación y la base de datos. Como 
mencionamos en el Capítulo 2, Redis ofrece una amplia lista de clientes 
para los lenguajes más populares, como C, Go, Java, Node.js, Perl, Python, 
Ruby y PHP. Para ver la lista completa podemos acceder a http://redis. 
10/clients, donde encontraremos varias alternativas para cada lenguaje. 


Predis 


Predis se presenta como un cliente maduro, soportado y flexible 
que requiere tener instalada una versión de PHP igual o superior a 5.3, 
pero que no necesita extensiones adicionales. Entre las características 
principales de este cliente se encuentran: 


e Provee soporte estable desde la versión 1.2 hasta la 2.6 y también 
para las versiones de Redis que aún no son estables. 

e Ofrece soporte para redis-cluster. 

e Brinda soporte para replicación maestro/esclavo. 

e Se pueden ejecutar comandos solapados o simples. 

e Tiene soporte de transacciones. 

e Se conecta a Redis usando los protocolos TCP/IP o mediante sockets 
en UNIX, el cual permite conexiones persistentes. 

e Ofrece la posibilidad de conectarse a diferentes tipos de redes 
o protocolos mediante el uso de clases de conexión. 

e Brinda un sistema flexible para definir y registrar su propio conjunto 
de comandos y perfiles del servidor al cliente. 


A Na NS 





Las arquitecturas tecnológicas que se utilizaban para desarrollar aplicaciones no son suficientemente 
escalables como para soportar millones de usuarios, apoyándose en productos innovadores como Redis, 


que sustituyen a las antiguas arquitecturas cliente-servidor y las bases de datos relacionales. 
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Predis puede ser descargado de GitHub, desde la dirección 
https://github.com/nrk/predis. En esta dirección encontraremos 
las indicaciones para su instalación y configuración. 


phpredis 

phpredis es un cliente escrito en C que ofrece un muy buen 
rendimiento, ya que se integra de manera directa al lenguaje PHP. 
Fue desarrollado y mantenido por Owlient desde fines de 2009, y a 
principios de 2011 fue liberado bajo la licencia PHP License, versión 
3.01. A continuación veremos cómo instalarlo en Linux y en Windows. 


Instalación en GNU/Linux 

Para instalar phpredis, primero debemos descargarlo del sitio 
GitHub desde la dirección: https://github.com/nicolasff/ 
phpredis. Luego, nos ubicamos en el directorio donde lo guardamos, 
y ejecutamos en una consola los comandos que detallamos a 
continuación (es importante aclarar que, como se compilará un 
módulo de PHP, es necesario que tengamos instalado php5-dev): 


phpize 
configure 
make make install 


Si los comandos anteriores se ejecutaron correctamente, vamos 
a Obtener un mensaje como el siguiente: 


Build complete. 
Don’t forget to run ‘make test’. 
Installing shared extensions: /usr/lib/php5/20060613/ 


Para finalizar, debemos cargar el nuevo módulo a PHP. Buscamos el 
archivo php.ini, lo editamos y agregamos extension=redis.so en la sección 
Dynamic Extensions. Luego, reiniciamos Apache con el comando sudo service 
apache2 restart. Para verificarlo, escribimos en una consola lo siguiente: 
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Para comprobar si hemos instalado correctamente la extensión 
creamos un archivo PHP con el nombre phpinfo.php y escribimos el 
código que mostramos a continuación: 





A continuación, accedemos desde un navegador al archivo phpinfo. 
php y buscamos la palabra redis. Deberemos obtener algo similar a lo 
que muestra la imagen que vemos a continuación. 


tòt A echon prot pre 





Figura 1. Redis se ha cargado como extensión de PHP 
y ahora podemos ejecutar los comandos disponibles desde el lenguaje. 


Instalación en Windows 


La instalación en Windows suele ser un poco más sencilla que en 
sistemas UNIX, porque la librería ya se encuentra compilada. Debemos 


NY  www.redusers.com 


SISTEMAS WEB ESCALABLES PAH 79 


dirigirnos a la siguiente dirección: https://github.com/nicolasff/ 
phpredis/downloads y descargar el archivo correspondiente a 
nuestra versión de PHP. Por ejemplo, para la versión 5.2.6, descargamos 
el archivo php_redis-2.1.3-5.2-vc6-ts-4350b2a.zip. Si observamos el nombre, 
luego de php_redis-2.1.3- viene 5.2, que coincide con la versión de 
PHP para la cual fue compilada. 


nicolasff / phpredis GS Watch + xk Star <892 [9 Fork < 203 


forked from owlient/phpredis 
Code Network Pull Requests 5 Issues 76 Wiki Graphs 
Files Commits Branches 17 Tags 21 


Download Packages 
|) 885 downloads Abriendo php_redis-2.1.3-5.2-vc6-ts-4350b2a.zip 
phpredis_5.4 vc9 ts.7z Ha elegido abrir: 


58KB - Uploaded 4 months ago $ php_redis-2.1.3-5.2-vc6-ts-4350b2a.zip 
que es de tipo: Archivo WinRAR ZIP (46,8 KB) 
de: http://cloud.github.com 


[2] 423 downloads 

phpredis 5.4 vc9 nts.7z 
¿Qué debería hacer Firefox con este archivo? 

57KB - Uploaded 4 months ago 





(O Abrircon | WinRAR archiver (predeterminada) 





[E] 4,064 downloads 











Hacer esto automáticamente para estos archivos a partir de ahora. 





46KB - Uploaded 2 years ago 


[E] 4,754 downloads 


php_redis-5.3-vc9-ts-73d99c3e.zip 


58KB - Uploaded 2 years ago 





Figura 2. La librería phpredis se encuentra compilada para 
sistemas Windows, solo es cuestión de descargarla y agregarla a PHP. 


Una vez descargado el archivo, lo abrimos y extraemos php_redis. 
dll dentro del directorio de extensiones de PHP, por ejemplo Cu 
AppSermphp5lext. Luego, agregamos la nueva extensión a PHP. Para 
esto, localizamos el archivo php.ini, lo abrimos y agregamos el módulo 
extension=php_redis.dll en la sección Dynamic Extensions. 


DN NA A AA 





Cada día es necesario aplicar nuevas características a nuestros proyectos, pero con la gran diversidad 


de navegadores la compatibilidad de funciones suele ser un problema. Para esto existe Modernizr, una 
librería JavaScript que detecta el soporte que tiene el navegador del usuario y nos ayuda a tener el control 


sobre el uso de HTML5 y CSS3. Más información en: http://modernizr.com. 
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Para verificar que se ha realizado la instalación de la extensión de 
manera correcta procedemos a crear un archivo PHP con el nombre 
phpinfo.php y escribimos lo siguiente: 


<? 
phpinfo(); 
?> 


Luego, accedemos desde un navegador al archivo phpinfo.php y 
buscamos la palabra redis. Debemos ver lo que muestra la Figura 3. 








Figura 3. PHP ya se puede comunicar 
con Redis mediante la librería que hemos agregado. 


TEA IN 





Cada vez son más las empresas que optan por rediseñar el estilo de sus sitios, proponiendo un diseño 


más limpio, sencillo y minimalista con colores que contrastan, donde las fuentes por lo general son más 
grandes y legibles. Las sombras, degradados, elementos con volúmenes, relieves y texturas ya no son 


usados en el diseño web actual. 
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Verificar el funcionamiento 

Ahora que tenemos instalado Redis, funcionando con PHP, vamos a 
escribir nuestro primer programa, que nos servirá para verificar que todo 
funciona como debería. Para esto, creamos un archivo y lo guardamos en 
el directorio público de Apache, y lo nombramos test-phpredis.php. 


<?php 


$redis = new Redis(); 

try { 
$redis->connect('127.0.0.1', 6379); 
$redis->set('saludo”,*Hola Mundo!”); 
$saludo_valor = $redis->get(“saludo”); 


if($saludo_valor){ 
echo “<h1>Test cliente phpredis:</h1>”; 
echo “1. La clave 'saludo” almacena el valor: “$saludo_valory .”; 
ifCSredis->delete("saludo”)) 

echo “2. Hemos borrado la clave 'saludo””; 

else 

echo “imposible obtener *saludo”.”; 
) catch (RedisException $e) 
echo $e->getMessage(); 


T> 


Vamos a describir qué hace este primer ejemplo: 


e Enla línea 3 instanciamos Redis para hacer uso de sus 
comandos. Luego, generamos un fragmento try/catch para manejar 
las excepciones. En la línea 5 intentamos conectarnos a Redis 
especificando la dirección IP y el puerto del servidor. Como estamos 
intentando conectarnos al servidor local usamos la IP 127.0.0.1 y el 
puerto por defecto, que es 6379. 

e Enla línea 6, mediante el comando set, almacenamos el valor Hola 
Mundo! en la clave saludo. 
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e Enla línea 7, a través del comando get, obtenemos el valor que 
hemos almacenado en la clave saludo y lo asignamos a la variable 
saludo_valor. 

e Fn la línea 9 verificamos si la variable contiene un valor devuelto 
por Redis. En el caso contrario damos un mensaje de error. 

e Enla línea 11 solo imprimimos un encabezado y en la siguiente 
mostramos el valor que contiene la clave. 

e Fn las líneas 13 y 14 eliminamos la clave y damos un mensaje. 


Para ejecutar el programa, accedemos a través de un navegador. 





dia ¿_¿ http://localhost/redis/test-phpredis.php + | 


€ A localhost/redis/test-phpredis.php 


O Disable” dh Cookies” 2 CSS” [] Forms" [Ed] Images” (Y Information” [E] Miscellaneous” A Outline” 4 Resizer y> Tools” W] View Source” |A| Opti 


Este es un test de Redis y PHP utilizando el cliente phpredis: 


1. La clave 'saludo' almacena el valor: 'Hola Mundo!'. 
2. Ahora hemos borrado la clave 'saludo' nuevamente. 


Figura 4. Aquí vemos una implementación 
básica para el tipo de datos string de Redis. 


En este ejemplo hemos visto cómo asignar, obtener y eliminar una 
clave en Redis. Es una buena idea probar diferentes comandos con 
todos los tipos de datos en el mismo archivo, para ir familiarizándonos 
con la sintaxis y los métodos disponibles. 


phpRedisAdmin 


Para realizar el manejo de cualquier base es necesario contar 
con una interfaz de administración que nos brinde la posibilidad 
de visualizar y operar con los datos. 
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Para administrar Redis, usaremos phpRedisAdmin, que está 
escrita en PHP y, por lo tanto, funciona en un entorno web. El proyecto 
original ha sido modificado por su creador y ahora utiliza Predis para 
su funcionamiento. Como ya hemos compilado el módulo phpredis no 
vamos a utilizar esta versión sino una paralela mantenida por Dotte. 

A continuación, veremos cómo instalar y configurar phpRedisAdmin. 


HA NES 





0 1 Ingrese a https://github.com/dotte/phpRedisAdmin. Aquí podrá clonar el 
proyecto utilizando Git o descargarlo haciendo clic en el botón ZIP. 


Mene rote Garud |+] 
BD â omana prht com 
D Dustler dl, Coster Z cS D Fora” El images” U intomatico” [ Mucelaraos” / Otimar Y Pasar Y Tocir E Vies Source L. Options” 


> en w ype a commans O Explore Gt Biog heip 


dotte  phpRedisAdmin 


0 


WP ss  GAñeadOnly Ettps://9 
p DEIC. = q odnio piofan aaia 
| Ha ciopdo sòrt 
phpRedisAdmin / + B Aamen maste np 
que es de tipo: Archaro WirBAR 7 35,9 KB) 

Axed delete tree ret De mgs ruteo pr em 

a Era Dtos ¿Qué deberia hacer Feelos con este archeo? 

1 a yen 29 % ibero WBRA archerer (predeterminada) 


Cry de 0 
rx 

Iie to pomat amarte para Prior erchoos s parts de hor. 
= 


Aceptar Ano 


C9 CUÁNTO COBRAR LOS PROYECTOS 





La tarea de definir cuánto cobrar por el desarrollo de un proyecto es difícil, ya que por lo general no 
sabemos cómo medir los gastos ni tampoco el esfuerzo necesario para completarla. Para apoyarnos, el 
sitio que se encuentra en la dirección http://freelanceswitch.com ofrece una calculadora basada en 
costos personales, que establece un valor sobre la base de los parámetros calculados. Podemos utilizar 


esta herramienta en: http://freelanceswitch.com/rates. 
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02 Una vez descargado phpRedisAdmin, extraiga todos los archivos en la carpeta 
pública de su servidor web. 





Abra el archivo config.inc.php con un editor de código y establezca los 
03 parámetros name (nombre del servidor), host (IP del servidor, 127.0.0.1 para 

una conexión local) y port (puerto donde opera Redis, por defecto 6379). Si 

estableció una clave, deberá descomentar el parámetro auth e ingresar su clave. 
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» 


0 Una vez establecidos los parámetros de conexión, acceda desde su navegador web 
al directorio público donde descomprimió phpRedisAdmin. Verá una interfaz similar 
a la siguiente: 


AL mor 








Ahora que tenemos la interfaz de administración podemos ver 
las claves almacenadas con sus respectivos valores, la información 
completa del servidor, la cantidad de claves definidas y el espacio en 
memoria usado, e incluso podemos exportar e importar datos. 

Es importante aclarar que, si bien phpRedisAdmin se presenta 
como una interfaz muy sencilla, posee la capacidad suficiente para 
administrar varias bases de datos. Solo debemos editar el archivo de 
configuración y agregar un servidor más, indicándole el número de la 
base de datos que vamos a administrar. 


C9 DIEZ PASOS DEL DISEÑO DE UN SITIO WEB 





Según creativasfera.com, el desarrollo de un sitio web debe hacerse siguiendo diez pasos: definir 


los objetivos, definir los contenidos, hacer un modelo en papel, crear un wireframe, crear un diseño en 
Photoshop, crear el HTML, crear el CSS, verificar la compatibilidad en navegadores, validar el código y 


subir el sitio al servidor web. 
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Figura 5. Para administrar más 
de una base de datos en phpRedisAdmin es necesario 
agregarla al archivo de configuración. 


> Ejercicio de prueba con PHP 


Vamos a desarrollar un ejercicio donde utilizaremos algunos 
de los comandos disponibles para cada tipo de dato, para ir 
familiarizándonos con la utilización de los métodos que ofrece 
Redis y su uso mediante PHP y phpredis. 

A continuación, definiremos los pasos para crear el entorno de 
trabajo; para ello, explicaremos en detalle cada una de las acciones 
que es necesario ejecutar antes de comenzar a trabajar: 


(O E 





HTML5 ROCKS es uno de los mejores sitios web que existen para aprender la última versión de HTML, 


ya que cuenta con tutoriales donde podemos diferenciar el formato, artículos, demos, ejemplos y tec- 
nologías como conectividad, semántica y almacenamiento. Para conocer más sobre el tema podemos 


acceder a la página que se encuentra en la dirección http://html5rocks.com. 
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PAP: CREAR ENTORNO PARA EL EJERCICIO DE PRUEBA 





01 





02 





Posiciónese en el directorio público de su servidor web y cree una carpeta 
llamada ej_php_redis. Dentro, cree dos carpetas más, una Css y otra Js. 


OJO di » Equipo » Disco local(C:) » AppServ » www » redis » ejemplos » ej php_redis » 
Organizar v Incluir en biblioteca w Compartir con Y Grabar Nueva carpeta 


Fr Favoritos de css 
di js 
Bibliotecas 


jE Equipo 


Cu Red 





Diríjase al enlace http://malsup.github.com/jquery.form.js y descargue el archivo 
dentro de la carpeta Js que ha creado en el paso anterior. 


AAA 
duendes como 
rupii Balap: O= o NE EIIE IERT. 
nan E L e gempi + apre e 
Ürpnaw + di CAPA 


E pone 
A bhkn 
a Deparmentor 


DG Daco beai 15 
ca Demente [H + 


Hgrmibne  ¡puerpPormp 
Tps al 


2 Ocular carpetas 
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03 Ingrese a http://antirez.com/misc/female-names.txt y descargue el archivo en la 
carpeta ej_php_redis, y cambie el nombre por nombres.txt. 


A ii Terrel Aeir T N 


* U miec 
o Desh Ad ica A Dii L lome G imar Ú namas D hirur p Dain e taor W Torir E iee iour UL Opio 


of momen pom loca of languages 








Una vez que hemos creado la estructura de directorio y hemos 
descargado los archivos necesarios estamos listos para empezar a 
codificar. En la Figura 6 vemos cómo será el aspecto del proyecto. 


PHP/Redis - phpredis 


codos E Comando: Sredis->into(); 
Servidor: 
Array 
Strings Info del Servidor | ' , 
redis_version] => 2.4.5 
Guardar en Disco A => 
Hashes 


redis_git_dirty] => 0 

Ultima persistencia [arch_bits] => 64 

Ts multiplexing_api] => winsock2 
= process_id] => 2248 

[uptime_in_seconds] => 8674 

Sets Vaciar BD uptime_in_days] => 0 

lru_clock] => 1716809 

[used_cpu_sys] => 2.15 

Sorted Sets [used_cpu_user] => 10.87 

used _ cpu _sys_children] => 0.00 

used _ cpu user children] => 0.00 
connected clients] => 1 
connected _slaves] => 0 


client_longest_output_list] => 0 
client_biggest_input_ buf] => 0 
blocked clients] => 0 

[used memory] => 2938136 

used memory human] => 2.80M 
used memory rss] => 2938136 

used memory peak] => 3355152 
[used_memory peak human] => 3.20M 
mem fragmentation_ ratio] => 1.00 





[mem_allocator] => libc 


PA A 


Figura 6. Ejemplo de PHP con Redis. Aquí vemos la información del servidor. 
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La estructura de directorio deberá quedar como la siguiente 
(necesitaremos crear cinco archivos): 


ej_php_redis 
|_ css 
| | style.css 
JS 
|_ jquery.form.js 
|_ script.js 


conexion.php 
funciones.php 
index.html 
nombres.txt 


Para comenzar vamos a definir cómo conectarnos al servidor. 
Creamos un archivo llamado conexion.php, lo guardamos en el directorio 
raiz del proyecto y escribimos lo siguiente: 


(: Instanciamos Redis, nos conectamos al servidor y luego a la base de datos :) 
<?php 


define HOST'/127.0.0.15; 
defineCPUERTO,6379); 
define("BD”,0); 
tryí 
$redis = new Redis(); 
$redis->connect(HOST, PUERTO); 
$redis->select(BD); 
Icatch(Exception $e) 
die('ERROR '.$e->getCode().: '*.$e->getMessage()); 


?> 
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Este código es muy sencillo: hemos definido las constantes 
de conexión y, mediante un bloque try/catch, instanciamos Redis e 
intentamos conectarnos al servidor. Luego, incluiremos este archivo 
en otro para hacer uso de los comandos de Redis. Antes de seguir 
agregando código, es necesario entender el flujo de funcionamiento: 

1. Creamos el archivo index.html, que tendrá todos los elementos 
HTML de presentación. 

2. Creamos el archivo script.js, que tendrá los métodos que 
responderán a los eventos de index.html. 

3. Creamos el archivo funciones.php, que contendrá los métodos de 
comunicación con Redis. 

La comunicación entre script.js y funciones.php se realizará mediante 
las funciones Ajax de jQuery. En resumen, cuando hagamos clic en un 
botón de index.html se disparará un evento en script.js que, mediante 
Ajax, se comunicará con funciones.php. 


Creación del archivo index.html 


Para continuar, creamos el archivo index.html, agregamos el siguiente 
código y lo guardamos en el directorio raíz de nuestro ejemplo: 


<!DOCTYPE html> 
<html> 
<head> 
<title>PHP/Redis - phpredis</title> 
<link type="text/css” href="css/style.css” rel="stylesheet” /> 
<script type="text/javascript” src="http://ajax.googleapis.com/ 
ajax/libs/¡query/1.9.0/¡query.min.js“></script> 

<script type=" text/javascript” src=” js/jquery.form.js” ></script> 
<script type="text/javascript” src=” js/script.js” ></script> 


<!--[if It IE 9]> 
<script src="http://htmi5shiv.googlecode.com/svn/trunk/ 
html5.js” ></script> 
<!Lendif]--> 
</head> 
<body> 
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<header> 
<h1>PHP/Redis - phpredis</h1> 
</header> 
<nav> 
<ul> 
<li id="servidor”>Servidor</li> 
<li id="strings”">Strings</li> 
<li id="hashes”>Hashes</li> 
<li id="lists”>Lists</li> 
<li id="sets">Sets</li> 
<li id="sorted_sets”>Sorted Sets</li> 
</ul> 
</nav> 
<section> 
</section> 
<footer> 
<p>PHP-REDIS</p> 
</footer> 
</body> 
</html> 


Hemos definido la estructura general de nuestro ejemplo; 
inicialmente, incluimos el archivo de estilos y los de JavaScript, y 
agregamos una librería para poder utilizar etiquetas de HTML5 en 
Internet Explorer en versiones anteriores a la versión 9. 

Seguidamente, definimos el título y el menú del ejemplo, y más 
abajo hemos definido la etiqueta <section> en donde agregaremos 
los elementos para manejar las acciones. 





HTML5 es la quinta revisión importante del lenguaje más utilizado en la World Wide Web: HTML. HTML5 


se encarga de especificar dos variantes de sintaxis para HTML: un clásico HTML (text/html), la variante 


conocida como HTMLD5, y una variante XHTML conocida como sintaxis XHTML5. 
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A continuación, vamos a agregar los elementos dentro de la etiqueta 
<section>. Inicialmente, vamos a agregar lo que sigue para enviar y 
recibir información de nuestro servidor de base de datos: 


<!-- SERVIDOR --> 
<article class="servidor”> 
<div class="botones”> 
<h2>Servidor:</h2> 
<input type=” button” id=”info” value=” Info del Servidor” /> 
<input type=” button” id=”save” value=” Guardar en Disco” /> 
<input type=” button” id=” lastSave” value=” Ultima persistencia”/> 
<input type=” button” id=”dbSize” value=” Cantidad de claves” /> 
<input type="button” id=” flush” value=” Vaciar BD” /> 
</div> 
<div class=” resultados” id=”rServidor” ></div> 
</article> 


Luego, agregamos lo siguiente para operar con el tipo de datos String 
(aquí vamos a desarrollar la funcionalidad de ver e incrementar los 
valores de una clave y luego vamos a crear un formulario para subir 
imágenes directamente al servidor): 


<!-- STRING --> 
<article class="strings”> 
<div class="botones”> 
<h2>Strings:</h2> 
<input type="radio” name=" usuario” id="usuario1” value="1” 
checked="checked”> 

<label for="usuario1”>ID:1 Fabiécaacute;n</label> 
<br /> 
<input type="radio” name=" usuario” id="usuario2” value="2"> 
<label for="usuario2”>ID:2 Toméaacute;s</label> 
<br /> 
<input type="radio” name=" usuario” id="usuario3” value="3"> 
<label for="usuario3”>ID:3 Eve</label> 
<br /> 
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<input type="radio” name="usuario” id="usuario4” value="4"> 
<label for="usuario4”>I1D:4 Alberto</label> 


<input type="button” class="sverClave” value="Ver Clave” /> 
<input type="button” class="sIncrDecr” value="+10" /> 
<input type="button” class="sIncrDecr” value="+1” /> 
<input type="button” class="sIncrDecr” value="-1” /> 

<input type="button” class="sIncrDecr” value="-10" /> 


<form enctype="multipart/form-data” id="sSubirlmagenForm”> 
<input type="file” name="imagen”/> 
<input type="submit” id="sSubirlmagen” 
value="Subir” /> 
</form> 
</div> 
<div class="resultados” id="rStrings”></div> 
</article> 


A continuación agregamos el siguiente código para interactuar con 
la base de datos mediante el tipo de datos Hash (vamos a utilizar este 
tipo de datos para buscar, modificar, visitar y eliminar un listado de 
nombres que han sido importados): 


<!-- HASH --> 
<article class="hashes”> 
<div class="botones”> 
<h2>Hashes de clientes:</h2> 
<input type="button” id="aCliente” value="Importar Clientes” 
/> 

<input type=” button” id=”bCliente” value=” Buscar” /> 
<input type="text” id="bClienteld” value="" /> 


<input type="button” id="mCliente” value=" Modificar” /> 

<input type="button” id="vCliente” value="Visitar” /> 

<input type="button” id="eCliente” value="Eliminar” /> 
</div> 
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<div class="resultados” id="rHashes”></div> 

<div class="resultados” id="rHashesCampos”> 
<p id="clienteClave”><b>Cliente:</b></p> 
<label for="clienteNombre”>Nombre</label> 
<input type="text” id="clienteNombre” value="" /> 
<label for="clienteApellido”>Apellido</label> 
<input type="text” id="clienteApellido” value=""" /> 
<label for="clienteCorreo”>Correo</label> 
<input type="text” id="clienteCorreo” value="" /> 
<label for="clienteVisitas”>Visitas</label> 
<input type="text” id="clienteVisitas” value=""” 

readonly="readonly”/> 

</div> 
</article> 


Luego vamos a manejar el tipo de datos List. Por lo tanto, a 
continuación veremos cómo agregar y eliminar elementos a la derecha 
y a la izquierda de la lista: 


<!-- LIST --> 
<article class=" lists”> 
<div class="botones”> 
<h2>Listas:</h2> 
<input type="radio” name=" lista” id="listal” value="1” 
checked="checked”> 

<label for="listal”>Lista uno</label> 
<br /> 
<input type="radio” name=" lista” id="lista2” value="2"> 
<label for="lista2”>Lista dos</label> 


<input type="text” id="IValor” value=""" /> 

<input type="button” id="lRange” value="Ver Lista” /> 

<input type="button” id="IPush” class="push” value=" Agregar: 
Izquierda” /> 

<input type="button” id="I|Pop” class="pop” value=" Eliminar: 
Izquierda” /> 
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<input type="button” id="rPush” class="push” value=" Agregar: Derecha” /> 
<input type="button” id="rPop” class="pop” value=" Eliminar: 
Derecha” /> 
</div> 
<div class="resultados” id="rLists”></div> 
</article> 


Seguidamente, agregaremos lo necesario para operar con el tipo de 
datos Set. Vamos a simular el funcionamiento de los círculos de G+, 
donde vamos a agregar elementos y luego vamos a hacer la unión e 
intersección entre los círculos existentes: 


<!-- SET --> 
<article class="sets”> 
<div class="botones”> 
<h2>Circulos de Alberto:</h2> 
<input type="radio” name="circulos” id="circuloFamilia” 
value="familia” checked="checked”> 
<label for="circuloFamilia”>Familia</label> 
<br /> 
<input type="radio” name="circulos” id="circuloFacultad” 
value="facultad”> 
<label for="circuloFacultad”>Facultad</label> 
<br /> 
<input type="radio” name="circulos” id="circuloFutbol” 
value="futbol”> 
<label for="circuloFutbol”>Futbol</label> 


<input type="button” id="sMembers” value="Ver Circulo” /> 

<input type="button” data="toméaacute;s” class="sadd” 
value="agregar a Toméaacute;s” /> 

<input type="button” data="fabiéiaacute;n” class="sadd” 
value="agregar a Fabiéraacute;n” /> 

<input type="button” data="eve” class="sadd” value="agregar a 
Eve” /> 
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<input type="button” data="juan” class="sadd” value="agregar a Juan” /> 


<input type="button” id="sUnion” value="Union” /> 
<input type="button” id="sInter” value="Intersecciéoacute;n” 
/> 
</div> 
<div class=”resultados” id=”rSets” ></div> 
</article> 


Finalmente, originaremos los elementos para interactuar con la base 
de datos con el tipo de datos Sorted set. Aquí vamos a importar un 
listado de nombre, con los cuales vamos a crear un autocompletador: 


<!-- SORTED SET --> 
<article class="sorted_sets”> 
<div class="botones”> 
<h2>Autocompletado:</h2> 
<input type="button” id="importarSet” value="Importar Nom- 
bres” /> 
<input type="text” id="buscarClaveSet” value="" /> 
<div id="buscarClaveSetLista”></div> 
</div> 
<div class="resultados” id="rSortedSets”></div> 
</article> 


En la estructura establecida hemos creado los elementos para 
trabajar con cada tipo de dato que ofrece Redis. 


Q ALTERNATIVAS PARA ALMACENAR DATOS 





Científicos británicos han logrado almacenar 739 KB de datos en una hebra de ADN, que incluyen más de 
cien sonetos de Shakespeare, una foto, un archivo PDF y 26 segundos de sonido. El ADN ha demostrado 


ser muy durable y sin requerimiento de energía. 
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Creación del archivo style.css 


Ahora es necesario modificar el aspecto del proyecto. Para esto, 
creamos el archivo style.css y lo guardamos dentro del directorio css. 
Inicialmente, en el archivo style.css escribimos lo siguiente para 

definir los elementos de body: 


bodyí 
background-color: #F2F2F2; 
color: #2F2F2F; 
font: 12px Arial, Helvetica,sans-serif; 
margin: 0; 
padding: 0; 
text-align: center; 
color: #444444; 


Seguidamente definimos el aspecto para el header, tal como vemos en 
el siguiente código: 


headert 
width: 40%; 
text-align: left; 


A continuación, definiremos como se verá nuestro menú: 


nav{ 

float: left; 

width: 20%; 

padding: 0 5px 0 10px; 
} 
nav ul{ 


list-style: none outside none; 
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padding: 0; 
margin: 0; 
} 
nav ul li{ 
border: 1px solid transparent; 
cursor: pointer; 
font-size: 15px; 
height: 100%; 
line-height: 46px; 
padding: 0; 
width: auto; 
y 
nav ul li:hover, 
nav ul .active { 
background-color: #EEEEEE; 
background-image: -moz-linear-gradient(center top , #EEEEEE, 
#E0E0E0); 
border: 1px solid #CCCCCC; 
box-shadow: O 1px 2px rgba(0, 0, O, 0.1) inset; 
color: #333333; 


Ahora escribimos el código para estilar los elementos dentro 
de section y article: 


sectiont 
float: left; 
padding: 10px; 
width: 739%; 
min-height: 700px; 
text-align: left; 
background-color: #FFFFFF; 
border: 1px solid #CCCCCC; 
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius: 5px; 
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) 
article{ 
display: none; 
min-height: 160px; 
} 


article .botonest 
width: 20%; 
margin: O 5px; 
float: left; 

} 

article .resultados{ 
width: 70%; 
margin: O 5px; 
float: left; 


Los elementos del footer los vamos a estilar de la siguiente manera: 


footert 
clear: both; 
height: 80px; 
padding: 10px; 
text-align: center; 


} 

footer p{ 
margin: O auto; 
padding: 30px 0; 
width: 300px; 

) 





O NUEVOS ELEMENTOS EN HTML5 


HTMLD llega con nuevos elementos y atributos que están pensados en el uso de los sitios web modernos. 
Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado 


semántico, como por ejemplo <nav> (bloque de navegación del sitio web) y <footer>. 
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Finalmente, vamos a estilar los elementos restantes de 
nuestro ejemplo: 


input{ 
margin: 2px 0; 

} 

inputLtype=” button” ]{ 
margin: 5px 0; 
min-width: 146px; 

} 

label{ 
display: inline-block; 
min-width: 75px; 


.sImagenBD( 
height: 370px; 
width: 370px; 

) 

HbuscarClaveSetLista ( 
background-color: #FFFFFF; 
border: 1px solid #ADA9A5; 
margin: -4px 0; 
padding: 0; 
width: 147px; 

Í 

#buscarClaveSetLista .item{ 





N DEPENDENCIAS PARA PHP 


Composer es una herramienta para administrar dependencias en PHP, que permite declarar las librerías 
que necesitarán nuestros proyectos y las instala por nosotros. Se encarga de verificar cuál es la versión 
compatible del paquete requerido y lo descarga directamente a nuestro proyecto. Podemos obtener esta 


herramienta en: http://getcomposer.org. 


Ə www.redusers.com 


SISTEMAS WEB ESCALABLES UAH: 101 


cursor: pointer; 
padding: O 5px; 
width: 137px; 
} 
#buscarClaveSetLista .item:hover{ 
background-color: #FFCC80; 


En los bloques de código anterior no hay aspectos relevantes que 
resaltar, ya que solo nos encargamos de realizar la definición de los 
estilos que van a tener los elementos del proyecto. 

Las imágenes que veremos más adelante nos servirán para ver 
la forma en que se presentarán las pantallas para cada tipo de dato 
que ejemplificaremos. 


PHP/Redis - phpredis 


Servidor 


Strings: 
Strings 9) 1D:1 Fabián 
) 1D:2 Tomás 
O 1D:3 Eve 
Hashes O 1D:4 Alberto 
Ver Clave 
Lists 
+10 
Sets +1 


Sorted Sets a 
-10 
set'usuario:5:visitas' 


setRange 'Visitante' 











get 'usuario:5:visitas' 


Figura 7. La funcionalidad relevante es poder 
almacenar imágenes directamente en la base de datos. 


En el ejemplo que sigue vamos a realizar la importación de clientes 
mediante PHP de un array definido en el archivo funciones.php. Debemos 
considerar que éstos se guardarán en la base de datos utilizando el tipo 
de dato hash, que nos permitirá manejar cada uno como si fuera un 
registro de una base de datos relacional. 
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PHP/Redis - phpredis 


Servidor p Comando: $redis->IPush(list1 elemento 8”); 
Listas: 
Array 
Strings (9) Lista uno ( 
O Lista dos [0] => elemento 8 
[1] => elemento 7 
Hashes [2] => elemento 6 
2 [4] => elemento 4 
r aa 
[6] => elemento 2 
Sets [7] => elemento 1 
l 
Sorted Sets 


Figura 8. En el ejemplo vemos cómo crear 
una lista fácilmente. Un modelo de esto es Twitter. 


Cuando tenemos la necesidad de almacenar valores que estarán 
agrupados por algún criterio es útil recurrir al tipo de dato set, en el 
cual podemos agregar miembros a cada grupo en particular y hacer 
operaciones como unión o intersección. 


PHP/Redis - phpredis 
Servidor . Comando: $redis->sunion(circulo:alberto:familia, circulo:alberto:facultad, 
Circulos de circulo:alberto:futbol); 
Alberto: 
Strings Arcay 
(9) Familia ( 
(O Facultad [0] => usuario:juan 
Hashes O Futbol [1] => usuario:tomás 
- [2] => usuario:fabián 
TS [3] => usuario:eve 
! 
Sets agregar a Fabián 
SO | agregaraEve | 


Figura 9. El tipo de dato set es muy útil en Redis, 
por ejemplo, para dar una funcionalidad similar a los círculos de G+. 
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Google ha cambiado la implementación del filtrado de palabras 
cuando se realiza una búsqueda. En este se sugieren las palabras 
que coinciden con el criterio, posicionándose en la parte superior de 
la lista aquellas palabras que han sido utilizadas con mayor frecuencia. 


PHP/Redis - phpredis 


Servidor 
Autocompletado: 
Strings Importar Nombres 
bel 
Hashes bel 
belia 
Lists aa 
belinda 
belita 
Sets bell 
bella 
bellanca 
Sorted Sets 


belle 
bellina 
belva 
belvia 


Figura 10. Para crear un filtro 
podemos usar sortedsets. En los próximos capítulos veremos 
cómo sugerir resultados mediante el uso de scores. 


Creación del archivo script.js 


A continuación vamos a crear el archivo script.js, que nos servirá 
para interactuar entre los elementos HTML y la base de datos 


correspondiente. Para ello, agregaremos el siguiente código y lo 
guardaremos dentro de la carpeta js: 


A LIBRERÍAS JAVASCRIPT HOSTEADAS 





Para los proyectos web siempre es necesario utilizar librerías como jQuery. Con este objetivo, Google 
creó un lugar de almacenamiento, de manera que para utilizar las librerías solo es necesario incluirlas en 
los documentos donde las necesitemos. Para conocer cuáles son y cómo utilizarlas, podemos acceder 


al siguiente enlace: https://developers.google.com/speed/libraries. 
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$(document).ready(functionO( 
// muestra contenido inicial 
mostrarContenido("servidor”); 


// muestra contenido dependiendo del item del menu 

$(document).onCclick*,'nav ul li”, functionO( 
mostrarContenido($(this).attrCid”); 

y; 


0 


function mostrarContenido(id) ( 
$Cnav ul li” .removeClassCactive”); 
$0+4'+id).addClassCactive”); 
$Carticle).hideO; 
$0 “+ id).show0); 


En el código anterior hemos definido en el evento ready del document 
una llamada a la función mostrarContenido() y, más abajo, un evento que 
captura el clic del menú para mostrar el contenido seleccionado. 

Finalmente realizaremos la creación de la función que se encarga de 
hacer visible el contenido indicado. A continuación, vamos a agregar 
los métodos para trabajar con el servidor. Observemos que, de ahora 
en adelante, vamos a utilizar funciones en Ajax para comunicarnos con 
el archivo php que crearemos más adelante. 

Cada uno de los eventos debe ser creado dentro del evento ready del 
document: 





El sitio http://nodetoolbox.com es un fantástico repositorio que está conectado a GitHub y nos da 


la posibilidad de buscar y descargar los proyectos alojados en esta plataforma. Además, cuenta con 
un agrupamiento por categorías donde se muestran los paquetes para darnos una mejor visión de los 


proyectos disponibles. 


Ə www.redusers.com 


SISTEMAS WEB ESCALABLES USERS E ii 


// SERVIDOR ---// 
// muestra info del servidor Redis 
$(document).onCclick”, “info”, functionO( 
$.post(“funciones.php”, “action=getInfo”, 
function(data) 
$CHrServidor).html(data); 


y; 
// guardar BD 
$(document).onCclick”, save”, functionOl 
$.post(“funciones.php”, “action=setSave”, 
function(data) 
$CHrServidor).html(data); 


D; 
// muestra ultima vez que persistio Redis 
$(document).onCclick”, *HlastSave”, functionO( 
$.post(“funciones.php”, “action=getLastSave”, 
function(data) 
$CHrServidor).html(data); 


D; 
// muestra la cantidad de claves 
$(document).on(click”, *HdbSize”, functionO( 
$.post(“funciones.php” “action=getdbSize”, 
function(data) 
$CHrServidor).html(data); 


y; 
// vacia la BD 
$(document).onC click”, “Hush”, functionO( 
$.post(“funciones.php”, “action=setFlush”, 
function(data) 
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$CHrServidor”).html(data); 


D; 


Lo siguiente será crear los eventos para manejar el tipo de datos 
String, tal como vemos a continuación: 


// STRINGS ---// 
// Ver clave - Strings 
$(document).onCclick”, *.sverClave”, functionO( 
var IdUsuario = $Cinput[name="usuario”1:checked”).valO; 
$.post(“funciones.php” “action=getStringsIdUsuario="+IdUsuario, 
functionítdata) 
$CHrStrings).html(data); 


D, 
// incrementar/decrementar - Strings 
$(document).onCclick”,*.sIncrDecr”, functionO( 

var IdUsuario = $Cinput[name="usuario”1:checked”).valO; 

var valor = $(this).valO; 

$.post(“funciones.php” “action=setValorStringséIdUsuario="+IdUsuario+” 

Swvalor="+valor, 
functionítdata) 
$CHrStrings).html(data); 


D; 
// subir imagen 
$(document).on('submit”, *HsSubirlmagenForm”, function(e) ( 
e.preventDefaultO; 
$CHsSubirlmagen).attrOdisabled”, “); // disabilitamos el boton de upload 
$(this).ajaxSubmit(£ 
type: “POST”, 
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url: “funciones.php”, 
success: function(data){ 
if (data > 0) 
$C+ErStrings).htmlC<img class="sImagenBD” 
src="funciones.php?action=getlmagenéid="+data+"">); 
else 
$CHrStrings).htmlCHa ocurrido un error :-)); 
$CHsSubirlmagenForm”).resetForm(); 
$C4sSubirlmagen”).removeAttrOdisabled”); // habilita- 
mos el boton de upload 
) 
D 
9 


A continuación, originamos los eventos para manejar el tipo de 
datos Hash; procedemos tal como mostramos en el siguiente código: 


// HASHES ---// 
// crea un hash 
$(document).onCclick”, *HaCliente”, functionO( 
$.post(“funciones.php”, “action=aCliente”, 
function(data) 
$CHrHashes).htmliC<b>Se importaron '+data+' clien- 
tes con las siguientes claves:</b> Nombre, Apellido, Correo y Visitas').show(0) .fad- 


e0ut(9999); 


D) 
// buscar hash 
$(document).on(click”, *HbCliente”, functionO( 
$CHrHashesCampos inputltype="text“1).val(M); 
$.post(“funciones.php”, “action=bCliente”+“8id="+$CHbClienteld).valO, 
function(data) 
// get json 
ifídata != 0 
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var items = eval((" + data +*)); 

$CHclienteNombre”).val(items['nombre”7); 

$CHAclienteApellido”).val(itemst'apellido”7); 

$CHclienteCorreo”).val(items['correo”7); 

$CHclienteVisitas”).val(itemsE visitas” 7); 

$CHclienteClave).htmlC<b>Cliente: 
'+$CHbClienteld”.valO+</b>5; 

yelsel 
$CHclienteClave).htmiCEl cliente no existe”); 


D; 
// modificar hash 
$(document).onCclick”, HmCliente”, functionO( 
$.post(“funciones.php” “action=mCliente”+"“8 id="+$C+HbClienteld).valO 
+“8nombre="+$CHclienteNombre”).valO+"“8.apellido="+$CHclienteApellido”). 
valO+“8correo="+$CHclienteCorreo”).valO, 
function(data) 
$CHrHashes).htmlC<b>Cliente '+$CHbClienteld”). 
val) +* Actualizado</b>>3.show().fade0ut(9999); 
$CHrHashesCampos inputltype="text“15.val(M); 


D; 
// incrementar el contador 
$(document).onC click”, *HvCliente”, functionOL 
$.post(“funciones.php” “action=vCliente”“+“id="+$CHbClienteld).valO, 
function(data){ 
$C#clienteVisitas’).val(data); 


D; 
// eliminar hash 
$(document).on(click”, *HeCliente”, functionO( 
$.post(“funciones.php” “action=eCliente”+“8id="+$C+HbClienteld).valO, 
functiontdata) 
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$CHrHashes).htmiC<b>Cliente '+$CHbClienteld'). 
val) +” Eliminado</b>).show(O.fade0ut(9999); 

$CHrHashesCampos inputltype="text“15).val(M); 

$CHclienteClave).htmlC<b>Cliente:</b>); 


D; 


Ahora vamos a crear los eventos para manejar el tipo de datos List, 
para ello agregamos lo siguiente: 


// LISTS ---// 
// ver lista 
$(document).on(click”, *+lRange”, functionO( 
var lista = $CinputEname=" lista“ 1:checked).valO; 
$.post(“funciones.php” “action=lRangeélista="+lista, 
function(data) 


$C#rLists’).html (data); 


); 
$0CHlValor).val(M; 
W 
// agrega una clave a la lista 
$(document).onCclick”, *.push”, functionO( 
var lista = $Cinputlname=" lista“ 1:checked).valO; 
var valor = $CHlValor).valO; 
var side = $(this).attrCid'); 
$.post(“funciones.php” “action=pushélista="+lista+"évalor="+valor+" és 
ide="+side, 
function(data) 
$C#rLists’).html (data); 


de 
$CHlValor).val(M; 
D 
// elimina una clave de la lista 
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$(document).onCclick*,*.pop”, function { 
var lista = $Cinput[name=” lista” ]:checked’).val(); 
var side = $(this).attrCid’); 
$.post(“funciones.php” ””action=pop&lista=”+lista+” &side=”+side, 
function(data){ 
$CHrLists).htmi(data); 


y 
$CHIValor).val("); 
D; 


Seguidamente, vamos a crear los métodos para manejar el tipo de 
datos SETS, para ello escribimos el siguiente código: 


// SETS ---// 
// obtiene los miembros 
$(document).onC click”, *HsMembers”, functionO( 
var circulo = $(‘input[name=” circulos” ]:checked’).val(); 
$.post(“funciones.php” “action=sSMembersé.circulo="+circulo, 
function(data) 
$CHrSets).html(data); 


D; 
// agrega una clave 
$(document).onCclick*,*.sadd”, functionO( 
var circulo = $Cinputlname="circulos”T:checked).valO); 





Q) DATOS SETS 


Es importante considerar que el tipo de datos SET representa un conjunto de cadenas. De este modo, 
puede contener uno o más valores, que se eligen de una lista de valores permitidos que se especifican 
al definir el campo y se separan con comas. En este punto debemos considerar que es posible que 


contengan un máximo de 64 miembros. 
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var usuario = $(this).attrOdata/); 
$.post(“funciones.php”, “action=sAddécirculo="+circulo+”éusuario="+us 


uario, 
function(data) 
$CHrSets).html(data); 
} 
); 
$C#IValor’).val(); 
y; 


// union de sets 
$(document).onCclick”,*HsUnion”, functionOl 
var circulo = $CinputEname="circulos”T:checked”).valO; 
$.post(“funciones.php” “action=sUnion”, 
function(data) 


$CHrSets).html(data); 


D; 
// interseccion de sets 
$(document).onCclick”,*HsInter”, functionO( 
var circulo = $Cinputlname="circulos”T:checked').valO; 
$.post(“funciones.php”, “action=sInter”, 
function(data){ 


$CHrSets).html(data); 


y; 


Finalmente, nos encargaremos de crear los métodos adecuados para 
manejar el tipo de datos SORTED SETS. 


// SORTED SETS ---// 
// importa los nombres 
$(document).on(click”, *HimportarSet”, functionOl 
$.post(“funciones.php” “action=importarSet”, 
function(data) 
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$CHrSortedSets').html(data).show().fade0ut(9999); 


D; 

// busca los nombres coincidentes 

$(document).on(“keyup”, '*HbuscarClaveSet”, functionO( 
$CHbuscarClaveSetLista').htmi(); 


$.post(“funciones.php” “action=buscarClaveSet”+"8prefix="+$(this). 
val), 
function(data){ 
var items = eval(( + data +; 
for (var i in items) 
$C#buscarClaveSetLista’).append(`<div 
class=” item” >'+itemsLi]+’ </div>’); 
} 


D 

// selecciona un nombre de la lista 

$(document).onCclick”, *.item”, functionO( 
$CHbuscarClaveSet”).val($(this).htmlO); 
$CHbuscarClaveSetLista').htmi(); 

> 


Creación del archivo funciones.php 


A continuación vamos a crear el archivo funciones.php, que va a 
recibir las solicitudes del archivo script.js a través de las funciones 
que hemos creado anteriormente. Este archivo contendrá todos los 
comandos para interactuar directamente con la base de datos. 


<?php 
include("conexion.php”); 


$param_action = isset($ REQUESTI' action”) ? $ REQUESTE'action7] : Y; 
$param_file = isset($_FILESP'imagen”1) ? $ FILESC'imagen”7 : Y; 
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$action = lempty($param_file) ? 'setImagen! : 
$param_action; 


$nombres = arrayCAbbott''Abdiel' Abe” /Abel''Abey” ‘Abie’ Abi- 
jah” ¿Abner*/Abraham' /Abram/); 
$apellidos = arrayCAbascal' Agudo” Aguilar” 'Aja” /Lopez'/Sainz!/ 


Trapaga' Alarcon” /Albertos' 'Albrecht'”); 


function mostrarSalida($comando)( 
return “<b>Comando: </b>t$comando) <br /><pre>"; 


?2> 


En el código anterior hemos incluido el archivo 


conexion.php, que contiene los parámetros para EN EL ARCHIVO 
comunicarnos con Redis, y luego capturamos CONEXION.PHP 
los parámetros y definimos dos arrays, que nos 

servirán de ejemplo en el autocompletado para TENEMOS LOS 
el tipo de dato sorted sets. Luego, definimos una PARÁM ETROS PARA 
función mostrarSalida(), que imprimirá parte de la 

salida de cada acción. CONECTAR A REDIS 


Seguidamente, vamos a crear una estructura 


switch para verificar cual será la acción a ejecutar: y y 


switch ($action){ 


A AOT N ar N O 





Hoy en día nuestros sistemas no solo deben tener la capacidad de estar disponibles en todo momento, 
sino también desde cualquier dispositivo: smartphones, tablets, e incluso Smart TV. Para lograr un diseño 
adaptativo, CSS3 nos ofrece la solución Media Queries. En el siguiente enlace podemos ampliar este 


tema y aplicarlo a nuestros proyectos: http://css3html5.com.ar/mediaqueries. 
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A continuación, vamos a incluir los métodos para trabajar con el 
servidor; para ello agregamos lo siguiente dentro de la estructura switch: 


// SERVIDOR ---// 

case 'getInfo”: 
echo mostrarSalida('“$redis->info();”); 
print_r($redis->infoO ); 
echo '</pre>”; 

break; 

case 'getLastSave”: 
echo mostrarSalida('“$redis->lastSave();”); 
print_r(date(d-m-Y H:i:s” $redis->lastSave())); 
echo '</pre>'; 

break; 

case 'setFlush”: 
$redis->flushDBO); 
echo mostrarSalida('“$redis->fMushDBO;”; 
print_r($redis->infoO ); 
echo '</pre>'; 
break; 

case 'setSave”: 
echo mostrarSalida('“$redis->save();”); 
print_r($redis->save (O); 
echo '</pre>'; 

break; 

case 'getdbSize”: 
echo mostrarSalida('“$redis->dbSize();); 
print_r($redis->dbSize O); 
echo '</pre>”; 

break; 


NY/ ¿TE RESULTA ÚTIL? 


MMS ERASE AOS SA 


ASE EAS ISE ESE 
A AA A IA A IA EU ARO ETA 


E AA SR AT OA! 
AAN ERA RR EROS 
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En el código anterior ejecutamos los comandos para mostrar 
información del servidor y otras acciones como guardar en disco rígido 
la base de datos en memoria. 

Ahora nos encargaremos de agregar el código para manejar el tipo 
de datos String: 


// STRINGS ---// 
case 'getString/: 
$IdUsuario = $_POSTE'IdUsuario”1; 
$clave = $redis->get('usuario:”.$IdUsuario.: visitas”); 
echo mostrarSalida(“W$redis->get(usuario:($IdUsuario):visitas”);“); 
echo !empty($clave)?$clave:(nillD”; 
echo '*</pre>”; 
break; 
case 'setValorString”: 
$IdUsuario = $_POSTE'IdUsuario”1; 
$valor =$ _POSTE'valor']; 


if ($valor == `+1’){ 
$comando ='"$redis->incr('usuario:($IdUsuario):visitas');”; 
$resultado = $redis->incr(usuario:”.$IdUsuario.: visitas”); 
}elseif ($valor == `+10’){ 
$comando ="“$redis->incrByCusuario:($IdUsuario):visit 
as LU) 
$resultado = $redis->incrBy(usuario:”.$IdUsuario.: visitas”, 10); 
Jelseif ($valor ==*-10( 
$comando ='"$redis->decr('usuario:($IdUsuario):visitas”);”; 
$resultado = $redis->decr(usuario:”.$IdUsuario.':visitas”); 
}elseif ($valor == `-10’){ 
$comando ="$redis->decrBy(usuario:($IdUsuario):visit 
Aa 
$resultado = $redis->decrByCusuario:”.$IdUsuario.:visitas”,10); 
} 
echo mostrarSalida($comando); 
echo $resultado; 
echo `</pre>’; 
break; 
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case 'setlmagen”: 
if (isset($_FILESP'imagen'D) € $ FILES['imagen Il “error”1 == 0) 
$permitidos = array(“image/jpg”, “image/jpeg”, “image/gif”, 


1 


“image/png” ); 
$limite_kb = 16384; // max 16Mb 
$id = rand(); 
if (in_array($_FILESP'imagen T'type”], $permitidos) €£ $ 
FILESFimagen'Tl'size'1 <= $limite_kb * 1024) 
$data = file_get_contents($_FILESE'imagen1'tmp_ 
namel); 
$tipo = $_FILEST'imagen T'type”1; 
$resultado = $redis->mset(array(“imagenes:f$id):imag 
en” => base64_encode($data), “imagenes:($id):tipo” => $tipo)); 
) 
echo ($resultado == 1) ? $id : O; 
) 
break; 
case 'getlmagen!: 
if (!empty($id)){ 
$imagen = base64_decode($redis- 
>get(“imagenes:($id)+:imagen”)); 


$tipo = $redis->get(“imagenes:($id):tipo” ); 


header(“Content-type: ($tipo)”); 
echo $imagen; 


break; 





Ya se está hablando de la llegada de HTML6, donde la idea principal es lograr separar la semántica de la 


presentación. Entre las ventajas propuestas, está la total compatibilidad con versiones anteriores, ya que 
proveerá una herramienta para la migración. La característica central de la nueva versión del lenguaje es 
facilitar el uso tanto a los usuarios como a los desarrolladores. 
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En el código anterior realizamos la tarea de 


incrementar y decrementar la cantidad de visitas EN ESTE PUNTO 
de los usuarios y también nos encargamos de DEFINIMOS LOS 
mostrar la cantidad actual. También realizamos la 
definición de los comandos para poder guardar y COMANDOS PARA 
mostrar las imágenes que han sido almacenadas GUARDAR Y MOSTRAR 
directamente en la base de datos. , 

A continuación veremos la forma en que IMAGENES 


podemos agregar el código para trabajar con el 


tipo de datos Hash: y y 


// HASHES ---// 
case 'aCliente”: 
1mo 
foreach ($apellidos as $apellido) ( 
foreach ($nombres as $nombre) { 
$i++; 
$mail = strtolower($nombre.Q”.$apellido..com”); 
$redis->hmset(cliente:” . $i, array(nombre' => $nom- 
bre, 'apellido” => $apellido, “correo” => $mail, visitas! => 0)); 
} 
} 
echo $i; 
break; 
case 'bCliente”: 
$cliente = $redis->hGetAllCcliente:”. $_ POSTE idD); 
echo !empty($cliente) ? json_encode($cliente) :'0”; 
break; 
case 'mCliente”: 
Sid =$ POSTE id'1; 
$nombre = $_POSTE'nombre”]; 
$apellido = $_POSTE'apellido”7; 
$correo = $_POSTE'correo”1; 
$redis->hmset(cliente:” . $id, array(nombre' => $nombre, “apellido” => 
$apellido, 'correo! => $correo)); 
break; 
case 'vCliente”: 
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$id = $_POSTL'id'7; 
echo $redis->hIncrByCcliente:”. $id, visitas”, 1); 
break; 
case *eCliente”: 
$id = $_POSTD'id"]; 
$redis->del(`cliente:’ . $id); 
break; 


Como vimos, en el código anterior trabajamos con los arrays que 
fueron definidos al principio del archivo, luego operamos con ellos 
realizando una búsqueda por id, una modificación, un incremento 
de las visitas y también el borrado de un registro. 

Luego nos encargaremos de realizar la definición de las acciones 
para trabajar con el tipo de datos LIST: 


// LISTS ---// 

case Range”: 
$lista = ist” .$_ POST ista”]; 
echo mostrarSalida(“W$redis->IRange(($lista), O, -1);); 
print_r($redis->IRange($lista,0,-1)); 
echo *'</pre>”; 

break; 

case 'push”: 
$lista = ist” .$_ POST ista”]; 
$valor = $_POST['valor'1; 
$side = $ POSTE 'side”1; 
$redis->$side($lista, $valor); 


A VIDEOS EN YOUTUBE 





Un estudio realizado hace poco tiempo indica que son más de cuatro mil millones los videos que se ven 
diariamente en el sitio de videos de Google conocido como YouTube. La cantidad de demanda de videos 
subió cuando Google publico las versiones para Smartphones y Smart TV. Estos dispositivos se cuentan 


entre los más utilizados para acceder a las redes sociales actuales. 
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echo mostrarSalida(“$redis->($sideM($lista) [$valor rd); 
print_r($redis->IRange($lista,0,-1)); 
echo '*</pre>; 
break; 
case 'pop”: 
$lista = list” .$_ POST ista”]; 
$side = $_POSTE'side”1; 
$redis->$side($lista); 


echo mostrarSalida($redis->($sideM($listad);“); 
print_r($redis->IRange($lista,0,-1)); 
echo '*</pre>”; 

break; 


En el código definido hemos realizado las acciones push y pop para 
agregar y obtener elementos de las listas. 

Como podemos ver, el paso que sigue es agregar los comandos para 
manejar el tipo de datos Set: 


II SETS ---// 

case 'sMembers”: 
$circulo ='circulo:alberto:”.$ _POSTE'circulo”7; 
echo mostrarSalida(“$redis->smembers(($circuloY);”); 
print_r(S$redis->smembers($circulo)); 
echo '*</pre>”; 

break; 

case'sAdd”: 
$circulo ='circulo:alberto:”.$ _POSTE'circulo”]; 
$usuario ='usuario:”.$ POSTE usuario”]; 
$redis->sadd($circulo, $usuario); 


echo mostrarSalida(“$redis->sadd($circuloY, “$usuarioY);”); 
print_r($redis->smembers($circulo)); 
echo '*</pre>; 

break; 
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case'*sUnion”: 
$cFamilia ='circulo:alberto:familia”; 
$cFacultad ='circulo:alberto:facultad”; 
$cFutbol ="'circulo:alberto:futbol'; 


echo mostrarSalida($redis->sunion(($cFamiliad, ($cFacultad), ($cFut- 
bol+);"); 
print_r($redis->sunion($cFamilia, $cFacultad, $cFutbol)); 
echo '</pre>”; 
break; 
case 'sInter”: 
$cFamilia ='circulo:alberto:familia”; 
$cFacultad ='circulo:alberto:facultad”; 
$cFutbol ='circulo:alberto:futbol'; 


echo mostrarSalida($redis->sinter(($cFamiliad, ($cFacultad), ($cFut- 
bol);”); 
print_r($redis->sinter($cFamilia, $cFacultad, $cFutbol)); 
echo '</pre>”; 
break; 


En el código anterior definimos las acciones para agregar y obtener 
elementos a los círculos familia, facultad y futbol, y luego realizamos la 
unión e intersección de los tres círculos definidos. 

Finalmente vamos a agregar el código que mostramos a 
continuación, para operar con el tipo de datos Sorted Set. Para 
ello agregamos lo que sigue dentro de la estructura switch: 


PHP BENCHMARK 





En el sitio que se encuentra en la dirección http: //phpbench.com encontraremos una serie de compa- 
raciones entre las funciones de PHP, que muestran las más óptimas y cómo debemos utilizarlas. Es una 
buena práctica conocer esta información, ya que puede hacer que nuestros sistemas sean más veloces 


cambiando algunas costumbres al escribir código. 
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// SORTED SETS ---// 
case 'importarSet!: 
if (!$redis->exists( “nombres” )) { 
$file = file(“nombres.txt”); 
$i = 0; 
foreach ($file as $line) { 
$line = trim($line); 
for ($j = 0; $j < strlen($line); $j++) { 
$prefix = substr ($line, 0, $j); 
$redis->zAdd(“nombres”, 0, $prefix); 


) 
$redis->zAdd(“nombres”, 0, $line .“*”); 
$i++; 
} 
echo “Se importaron {$i} Nombres”; 
jelse { 
echo “Los Nombres ya se importaron”; 
} 
break; 
case 'buscarClaveSet!: 
$prefix =$ POSTE prefix]; 
$results = array(); 
$count = 50; 
$rangeLen = 50; 
$start = $redis->zRank(“nombres”, $prefix); 


while(count($results) != $count) { 
$range = $redis->zRange(“nombres”, $start, 
$start+$rangeLen-1); 
$start += $rangeLen; 
if(!$range || count($range) == 0) 
break; 
foreach($range as $entry) { 
$minLen = min(strlen($entry), strlen($prefix)); 
if(substr($entry, 0, $minLen) != substr ($prefix, 0, $min- 
Len)) 
$count = count($results); 
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En el código que mostramos en el bloque anterior hemos realizado 
la definición de una primera acción, donde pudimos importar nombres 
del archivo nombres.txt. Posteriormente, definimos una búsqueda en 
donde pudimos mostrar los nombres que coinciden con los caracteres 
que han sido ingresados por el usuario. 

Para terminar, pudimos realizar la definición de una acción por 
defecto para la estructura switch. 






phpRedisAdmin circulo:alberto:facultad 1 X = 
Local Server v set 
© $ E does not expire (2 
+ Add another key O 
type here to filter + HE 
[D Keys (6) 
4 [D circulo (1) 
& 1) alberto (2) 
facultad >: usuario:eve Z x 
familia >) 
a caia 7 x 
[D cliente (100) 
5 [D imagenes (2) + Add another value 
P 17412 (2) 
[D 24045 (2) 
list1(8) 


nombres 11771; 
= (D usuario (1) 
+ a (a) 


L visitas 





Figura 11. Para verificar cada interacción 
con la base de datos podemos usar phpRedisAdmin. 
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Si estamos familiarizados con jQuery será sumamente sencillo 
entender el código. Por ejemplo, para el botón con el id info, tenemos 
el evento clic, y allí hacemos una llamada al archivo funciones.php. En 
este archivo capturamos los parámetros y ejecutamos el comando 
$redis->info();, imprimimos la respuesta y luego la mostramos en el 
contenedor rServidor. 





Hemos aprendido a utilizar Redis con PHP mediante un cliente que establece la conexión entre ambos. 


Para esto, hemos estudiado Predis y phpredis, centrándonos en este último ya que es fácil de usar y 
posee todas las características necesarias para el desarrollo de proyectos escalables. Para gestionar 
las bases de datos utilizamos phpRedisAdmin, que es multiplataforma. Finalmente, desarrollamos un 
ejemplo integral donde incluimos comandos para todos los tipos de datos y casos de aplicación reales, 


como círculos de amigos y contador de visitas. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


¿Un cliente es un lenguaje de programación? ¿Por qué? 

¿Los clientes solo funcionan con PHP? 

¿Cuáles son los clientes que funcionan con PHP? 

¿Cómo se conecta phpredis a Redis? 

¿Se puede instalar phpredis en Linux? 

¿phpredis es una librería escrita en C y compilada para PHP? 

¿Sin phpredis podemos acceder a los comandos de Redis? ¿Por qué? 


¿Qué podemos hacer con phpRedisAdmin? 


O O N O) dl BA QQ N FF 


¿Podemos configurar varios servidores en phpRedisAdmin? 


fal 
O 


¿Es posible administrar varias bases de datos en phpRedisAdmin? 


EJERCICIOS PRÁCTICOS 


] Cree una estructura utilizando el tipo de dato string y almacene la información 
del navegador. 


2  Enla estructura incremente un contador por cada vez que se visite la página. 


Utilizando el tipo de dato hash genere una estructura que contenga los elementos 
provincia, idProvincia, localidad, idLocalidad y cantidad de habitantes. 


4 Cree una estructura utilizando el tipo de dato que mejor se ajuste para generar 
grupos de interés, y guarde la información de cada integrante. 


5 Utilizando el tipo de dato list genere un historial de accesos. 


7 SA ANA 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorOredusers.com 
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Administración 
de Redis 


Veremos la configuración de servidores esclavos, las 
opciones de persistencia de datos y el modelo de seguridad 
de Redis. Además, conoceremos la utilidad redis-benchmark, 
que nos permite realizar pruebas de rendimiento con 
diferentes configuraciones. Por último, desarrollaremos 

un ejemplo similar a Twitter, en el que aplicaremos algunos 


conceptos vistos hasta el momento. 


v Configuración de Redis ......... 126 v Ejemplo de prueba: K 


Mini tWt ae 142 

v ReplicaciÓn.....o.ooocoooooconanaaaaannns 129 
A 169 

v Tipos de persistencia ............. 132 
v ActividadeS.....cococonononcccncnnononos 170 

y Seguridad ¡ccaccocicccacncnnnnciiccinós 139 


v Rendimiento de Redis 
ATADO € 141 
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y Configuración de Redis 


Como vimos en los Capítulos 2 y 3, Redis es capaz de 
funcionar sin directivas extras mediante una configuración por 
defecto, pero trabajar de esta manera es únicamente recomendable 
para entornos de desarrollo. 

La aplicación posee un archivo de configuración que contiene las 
directivas y una explicación en inglés de la función de cada una. El 
archivo se denomina redis.conf y se encuentra dentro del directorio 
de instalación. Las directivas tienen un formato como el siguiente: 


port 6379 


En la línea de arriba se establece el puerto por el cual se comunicará 
Redis empleando la directiva port. Para argumentos que contengan 
espacios es necesario utilizar comillas dobles. 


Pasaje de parametros 
por la linea de comandos 


A partir de la versión 2.6 es posible pasar parámetros de 
configuración utilizando la línea de comandos. Esta característica es 
muy útil para realizar pruebas de comportamiento, donde el formato 
de los argumentos debe ir con el prefijo -- (doble guion). 

Ahora veremos cómo crear una instancia de Redis usando el puerto 
6380 como esclavo de otra instancia que opera en el puerto 6379: 


Jredis-server --port 6380 --slaveof 127.0.0.1 6379 


N IAE AE 





Desde mayo del 2013 Redis está siendo sponsoreado por Pivotal (www.gopivotal.com); hasta enton- 
ces, la compañía que sponsoreaba el proyecto era VMware. En el pasado han aportado donaciones 


económicas empresas como Engine Yard, Hirmeister, Citrusbyte, Slicehost y Linode. 
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Reconfigurar Redis 
en tiempo de ejecución 


Redis ofrece la posibilidad de reconfiguración sin detener ni reiniciar el 
servicio, mediante los comandos CONFIG GET y CONFIG SET. No todas las 
directivas pueden funcionar de esta manera, por lo que, para saber cuáles 
admiten la reconfiguración, debemos ejecutar el comando CONFIG GET *. 


EX Administrador: CA Windows system321cmd.exe - redis-cli o | E [23m] 


GiNRedis245>redis-cli A 
redis 127.0.0.1:6379> CONFIG GET + 
1> "dir" 

MED TT E 

MT 

"dump.rdb" 

MSI 

<nil> 

"masterauth" 

<nil> 

"maxmemory'' 

pg" 


"maxmemory-policy'" 
"volatile-1lru" 
"maxmemory-samples" 
3 


“timeout™ 

aL u 

“appendon ly" 

u L 
"no-appendfsync-on—-rewrite" 
"o LE 


“appendf sync" 

MAIS TN 

Me 51 ME GS A O A Ns [51515 dl 
"auto-aof -rewrite-percentage' 
e 1 

"auto-aof -—rewrite-min-size” 
"67108864" 
"slave-serve-stale-data" 





"hash-max-zipmap-entries” 


Figura 1. Lista de parámetros y sus respectivos 
valores, que podemos reconfigurar mediante CONFIG SET. 


Cuando se ejecuta CONFIG SET, los parámetros establecidos son 
automáticamente cargados a Redis y tendrán efecto en el siguiente 
comando. Sin embargo, estas reconfiguraciones no afectan al archivo 
de configuración, de manera que, cuando Redis sea reiniciado, cargará 
los parámetros que están definidos en redis.conf sin ningún cambio. 


a ¿NO 





Una característica propia del diseño de las redes sociales es que mantienen la cabecera del sitio en una 


posición fija y siempre visible. No importa en qué parte del contenido se encuentre el usuario para poder 


acceder al menú de navegación. Esto mejora la experiencia cuando se tiene gran cantidad de contenidos. 
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EX Administrador: crnd.exe - Acceso directo - redis-cli 


A E 


CimRedis245>redis-cli 
E A A A A IES ASE A ETT 


aji 
redis 127.0.6.1 :6377> 





Figura 2. En la imagen se muestra cómo 
cambiar la clave de autenticación en tiempo de ejecución. 


Configurar Redis como caché 


En algunas situaciones puede ser útil combinar una base de datos 
relacional con Redis, ya que podremos aprovechar la velocidad que 
ofrece y utilizarla como mecanismo de caché, donde cada clave tendrá 
una expiración establecida o una configuración similar. 

Por ejemplo, veamos lo siguiente: 


maxmemory 2mb 
maxmemory-policy allkeys-lru 


Como definimos un tamaño máximo de 2 MB de memoria, 
todas las claves serán eliminadas cuando se aproximen al tamaño 
máximo establecido. Este mecanismo es más eficiente que tener una 
configuración de expiración, porque definir un tiempo de vida para 
cada clave demanda memoria adicional. 

En caso de que un proyecto necesite utilizar Redis como caché 
y además requiera almacenar datos, es recomendable crear dos 
instancias de Redis, una como caché configurada de este modo 
y otra con los requerimientos necesarios. 
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4 CARedis245redis.conf (retwis, ej_social_redis, ej_php_redis, ej_benchmark, ej_mini-twt) - Sublime Text 2 (UNREGISTERED) 
File Edit Selection Find View Goto Tools Project Preferences Help 

FOLDERS 
> retwis 
> ej_social_redis HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH LIMITS HHHHHHHHHHHHHHHHHHHHHHHHHHH 
erropea Set the max number of connected clie the same time. By default there 
is no limit, and it's to the b of file descriptors the Redis process 
is able to open. i > 

Once the limit is reached Redis 

an error 'max number of clients reached'. 


pb ej benchmark 
> ej_mini-twt 


H+4HWHHOA 


Ho+ 


maxclients 128 


Don't use more memory than the specified amount of bytes. 
CRIA 


++ 


y a longer time to 
objects from free lists if possible. 


a 
+ 
= 
= 
+ 
+ 
-= 
= 
+ 
bad 


ill start to reply with errors to commands 
like SET, LPUSH, and so on, and will continue 
commands like GET. 


ainly if yo 


l DB. W 


E 


E 


dd = ? j 
going to - n the long run, y! he time 
to upgrade. With maxmemory after the limit is reached you'll start to get 
errors for write operations, and this may even lead to DB inconsistency. 


HHA$¿4H4 HORA 


Ezg 


IN 


H 


MAXMEMORY POLICY: how Redis will select what to remove when maxmemory 
is reached? You can select among five behavior: 


H+HH 


volatile-1ru -> ove the key with an expire set using an LRU algorithm 
allkeys-lru -> remove any key accordingly to the LRU algorithm 





H 


Figura 3. En el archivo redis.conf podemos 
definir las reglas de expiración, en la sección LIMITS. 





Replicación 


En Redis la replicación permite usar una arquitectura maestro- 
esclavo, donde los servidores esclavos son una copia exacta de los 
servidores maestros. Esto parece complejo pero 
en realidad es muy fácil de configurar y utilizar. 
A continuación, detallamos los factores más UN MAESTRO PUEDE 


importantes de esta arquitectura: TENER VARIOS 


e Un maestro puede tener múltiples esclavos. ESCLAVOS, LOS QUE 
e Los esclavos son capaces de admitir otros TAMBIÉN PUEDEN 
esclavos, en un nivel jerárquico. 
e La replicación no se bloquea del lado del ACEPTAR ESCLAVOS 
maestro: el maestro seguirá sirviendo 
consultas mientras uno o más esclavos 
realizan la primera sincronización. 
e Lareplicación no se bloquea del lado del esclavo: mientras el esclavo 
está intentando realizar la primera sincronización puede atender las 
consultas utilizando la versión actual del conjunto de datos. 
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e Es posible utilizar la replicación para evitar el proceso de 
persistencia del lado del maestro, donde solo es necesario comentar 
todas las directivas save en el archivo redis.conf del maestro y luego 
conectar el esclavo correspondiente. 


Funcionamiento 
de la replicación de Redis 


Cuando se configura un esclavo, este se conecta y envía el comando 
SYNC para sincronizarse; por su parte, el maestro inicia un proceso 
de guardado asincrónico y almacena todos los comandos que han 
modificado los datos durante el proceso. Cuando finaliza el guardado, 
el maestro transfiere la base de datos al esclavo, quien la almacena en 
el disco y la carga en su memoria. Luego, el maestro envía al esclavo 
todos los comandos almacenados junto con los nuevos comandos 
recibidos por los clientes que han modificado la base de datos. 

Los esclavos son capaces de reconectarse automáticamente cuando 
se pierde la conexión con el maestro y, si el maestro recibe solicitudes 
de sincronización concurrentes, realiza un solo guardado con el fin de 
optimizar el proceso y poder servir a todas las solicitudes. 


Configuración de un esclavo 


Para configurar un servidor esclavo de otro, solo será necesario 
que ingresemos la directiva slaveof y, como argumentos, escribamos 
la dirección IP y el puerto del servidor maestro: 


slaveof 192.168.1.1 6379 


N MINAS 





El sitio http: //redis4you.com ofrece un sistema de almacenamiento de Redis muy interesante para 
implementar en nuestros proyectos. Además del almacenamiento de las bases de datos, cuenta con 
clientes para diferentes lenguajes de programación y ejemplos de implementación. Posee un plan gratuito 


y dos pagos. Sin duda, es una muy buena alternativa. 
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4 CARedis245redis.conf (retwis, ej_social_redis, ej_php_redis, ej_benchmark, ej_mini-twt) - Sublime Text 2 (UNREGISTERED) 
File Edit Selection Find View Goto Tools Project Preferences Help 

FOLDERS 

p- retwis 

Pb ej social_redis 


CUE 


ERRE RIPLICATIÓON SERRA 


P ej php_redis 
pb ej benchmark 
P- ej mini-twt 


Master-Slave replication. Use slaveof to make a Redis instance a copy of 
another Redis server. Note that the configuration is local to the slave 

so for example it is possible to configure the slave t e the DB with a 
different interval, or to listen to another port, and so on. 


E 


slaveof <masterip> <masterport> 


If the master is password protected (using the "requirepass” configuration 
directive below) it is possible to tell the slave to authenticate before 
starting the replication synchronization process, otherwise the master will 
refuse the slave request. 


f 
E 
E 
# 
E 
# 


masterauth <master-password> 


When a slave lost the connection with the master, or when the replication 
is still in progress, the slave can act in two different ways: 


1) if slave-se -stale-data is set to ' ' (the default) the slave will 
eaan to client requests, pos y with out of data data, or the 
data s y just be empty if this the first synchronization. 


) if slave-serve-stale data is set to 'no' the slave will reply with 
an error "SYNC with master in progress” to all the kind of commands 
but to INFO and SLAVEOF. 


H+HHAAAAAAA A 


SS SS E ES 





+ Slaves send PINGs to server in a predefined interval. It's possible to change 
+ thic interval with the ren] ni -lave neriod ontio E value is 19 


Figura 4. En el archivo redis.conf podemos configurar 
una instancia como esclava de otra, en la sección REPLICATION. 


Configuración de un esclavo 
de solo lectura 


Debemos considerar que, desde la versión 2.6 de Redis, los esclavos 
son capaces de soportar el modo de solo lectura, que es habilitado 
por defecto y puede ser configurado en el archivo redis.conf mediante 
la directiva slave-read-only. Esta configuración 
también puede ser modificada en tiempo de 
ejecución utilizando el comando CONFIG SET. CONFIG.SET NOS 
Es importante tener en cuenta que configurar PERMITE CONFIGURAR 
esclavos donde se permitan comandos de 
escritura puede resultar un problema, ya que EL MODO DE SOLO 
puede ocurrir que mientras se estén actualizando LECTURA EN LOS 
datos se pierda la conexión con el maestro, lo 
que ejecutaría el proceso de resincronización, ESCLAVOS 
quedando sin efecto las escrituras realizadas 
previamente. También recordemos que al 
reiniciar un esclavo automáticamente se sincroniza con el maestro 
que corresponde, y de esta manera se pierden todos los cambios que 
hemos realizado en la base de datos conectada. 
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Configuración de autenticación 
de esclavo a maestro 


Si el maestro tiene establecida una clave de autenticación es 
necesario configurar los esclavos para que puedan realizar las 
operaciones de sincronización. Podemos hacerlo agregando la 
siguiente línea en el archivo de configuración: 


masterauth <password> 


También es posible establecer la clave en tiempo de ejecución, 
utilizando esta sentencia: 


config set masterauth <password> 


y Tipos de persistencia 


Redis dispone de dos mecanismos para realizar la persistencia de 
datos desde la memoria al disco rígido: RDB (Redis Data Base) y AOF 
(Append Only File). Algunas de sus características son: 


e Fl tipo de persistencia RDB se encarga de guardar los datos en 
intervalos específicos de tiempo. 

e Eltipo de persistencia AOF registra cada operación de escritura 
recibida por el servidor. Cuando el servidor inicia, se restaura y 
reconstruye la base de datos original. También registra los comandos 
usando el formato del protocolo de Redis en modo de solo lectura. 


LEE 





El termino Big Data existe desde hace bastante tiempo y se refiere al problema de procesamiento de 


datos en el cual se incluyen problemáticas como capacidad de almacenamiento, capacidad de almacenar 
gran variedad de datos y velocidad en el movimiento de la información. Hoy en día, gracias a las bases 


de datos NoSQL, es mucho más fácil referirse al tema y proponer una solución real. 
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e Es posible deshabilitar todas las opciones de persistencia de modo 
que los datos necesarios solo estén disponibles mientras el servidor 
se encuentre funcionando. 

e Redis ofrece la posibilidad de combinar los dos mecanismos de 
persistencia en la misma instancia. 


Persistencia mediante RDB 


Por defecto, Redis utiliza el mecanismo RDB para persistir, que 
guarda los datos en intervalos de tiempo en un archivo compacto 
llamado dump.rdb. Este mecanismo es muy útil para realizar copias 
de seguridad y nos permite restaurar fácilmente 
diferentes versiones en caso de que ocurra algún 


problema. Debemos considerar que, al ser un EL ARCHIVO 
archivo, puede ser transferido a una unidad de DUMP.RDB GUARDA 
almacenamiento externo de manera sencilla. 

RDB nos permite configurar la frecuencia del LOS DATOS EN 
almacenamiento de datos según la cantidad de INTERVALOS 


cambios; por ejemplo, cada 60 segundos si se 
han realizado al menos 1000 cambios. Para esto DE TIEMPO 
debemos editar el archivo redis.conf en la sección 


SNAPSHOTTING y agregar lo siguiente: y y 


save <segundos> <cambios> 


Reemplazamos <segundos> y <cambios> por los valores que queremos 
establecer para el guardado automático. A esta estrategia se la conoce 
como SNAPSHOTTING. Para cambiar las secuencias de guardado 
debemos editar el archivo redis.conf modificando la directiva save. 

Una característica importante de RDB es que permite reiniciar de 
manera rápida una instancia con un conjunto de datos de gran tamaño. 
Sin embargo, para implementaciones donde es necesario minimizar las 
posibilidades de pérdida de datos no es recomendable utilizar solo este 
mecanismo. Por ejemplo, si tenemos configurado RDB para persistir 
cada cinco minutos en cien modificaciones de la base de datos, nos 
podemos encontrar con que, antes de llegar a la cantidad establecida, 
por alguna razón, se apague el servidor provocando la pérdida 
irrecuperable de datos de los últimos minutos. 
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4/ CARedis245redis.conf (retwis, ej_social_redis, ej_php_redis, ej benchmark, ej_mini-twt) - Sublime Text 2 (UNREGISTERED) 
File Edit Selection Find View Goto Tools Project Preferences Help 
FOLDERS 
> retwis 
> ej_social_redis o 
> ej php_redis 
> ej benchmark Save the DB on disk: 
o ve <seconds> <changes> 

save the DB if both the given number of seconds and the given 

er of write operations against the DB occurred. 


# 
# 
E 
E 
kid 
+ 
# 
d 
+ 
kid 
p 
E 
E 
E 


# The filename where to dump the DB 
dbfilename dump.rdb 


RS NA 

p 

# The DB will be written inside this directory, with the filename specified 
# above using the 'dbfilename' configuration directive. 


NE SOI aa a s E E e E: I a ela 





Note that you must specify a directory here, not a file name. 


Figura 5. En la imagen vemos 
los valores por defecto de la directiva save. 


Persistencia mediante AOF 


Antes de conocer las características que ofrece AOF, definiremos 
brevemente un concepto: fsync es una función que se utiliza para 
copiar todas las partes de un archivo que está en memoria al disco 
rígido, y que espera a que el dispositivo responda indicando que todas 
las partes fueron almacenadas con éxito. 

La persistencia AOF permite establecer diferentes configuraciones 
utilizando fsync, como por ejemplo persistir cada segundo, en cada 
actualización o no persistir. 

AOF utiliza un archivo de solo lectura en el que se van agregando 
los comandos, entonces, en caso de que el servidor se pare 
inesperadamente, el archivo no quedará inconsistente. 


O AEN NAN o 





Los dispositivos móviles están cada vez más cerca de los usuarios y, como desarrolladores, debemos 


ser capaces de diseñar sistemas que se adapten a la mayor cantidad de dispositivos. Con la técnica de 


responsive design nuestros sistemas se podrán ver en pantallas de diferentes resoluciones. 
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Dado que el archivo AOF contiene todas las operaciones llevadas a 
cabo, una detrás de la otra y en un formato fácil de entender, es posible 
editarlo con sencillez. Por ejemplo, si hemos eliminado todas las claves 
por error y no se han registrado comandos nuevos, podemos recuperar 
los datos con solo detener el servidor, quitar el último comando del 
archivo y reiniciar Redis. 

En comparación con RDB, los archivos AOF son más grandes para 
la misma cantidad de datos y suelen ser más lentos dependiendo de 
la configuración. Por lo general, con una configuración de persistencia 
cada segundo, el rendimiento sigue siendo muy bueno. 

Para activar el mecanismo AOF editamos el archivo redis.conf, buscamos 
la sección APPEND ONLY MODE y configuramos la directiva appendonly. 


4) CARedis245redis.conf (retwis, ej_social_redis, ej_php_redis, ej benchmark, ej_ mini-twt) - Sublime Text 2 (UNREGISTERED) 
File Edit Selection Find View Goto Tools Project Preferences Help 


FOLDERS 
> retwis 
»- ej_úsocial_redis JHHHHHHHHHRRRRRRRRRHHHHHHHHHRHRE APPEND ONLY MODE ¿HHHHRRHHHHHHHHRHHRRRRRRRRHHHHAE 
> ej php_redis 
> ej benchmark = 57 SS Redis async 
ES wi the ea 
> ej_mini-twt 


n the file appendonly.aof. This 
ebuild the full dataset in memory. 


dumps and the append only file if you 
statements above to disable the dumps) 
tedis will load the data from the 


+ 
# 
pid 
# 
+ 
$ 
+ 
# 
# 
# 
# 
4 
+ 
4 


MPORTANT: Check the BGREWRITEAOF to check how to rewrite the append 
og file in background when it gets too big. 


appendonly no 
# The name of the append only file (default: "appendonly.aof") 
# appendfilename appendonly.aof 


em to actually write data on disk 
put buffer. Some OS will really flush 
ry to do it ASAP. 


The de a 
speed and d y 
“no” that will will let 


SLA: E E E E E DE E E 





Figura 6. En la configuración por defecto, 
el mecanismo AOF se encuentra deshabilitado. 


Las tres opciones posibles de fsync son: 


e appendfsync always: cada comando de escritura se agrega al archivo 
AOF. Es muy seguro pero lento. 

e appendfsync everysec: es muy rápido, similar a SNAPSHOTTING, donde 
en caso de fallas solo se pierde un segundo. 

e appendfsync no: el almacenamiento de los datos depende del sistema 
operativo. Es rápido pero menos seguro. 


www.redusers.com << 


136 MITA 4. ADMINISTRACIÓN DE REDIS 


Recomendación de persistencia 


Es recomendable utilizar los métodos RDB y AOF de manera 
conjunta, ya que de este modo les proporcionaremos a nuestros datos 
un grado de seguridad comparable con otros motores de gran prestigio. 

Para sistemas donde la seguridad es muy importante pero es posible 
seguir trabajando con algunos minutos de pérdida, en caso de fallas 
o desastres únicamente se puede usar RDB. El uso de AOF como único 
método de persistencia es desaconsejable, porque RDB persistiendo 
cada cierto tiempo nos permite tener copias de seguridad, un reinicio 
más rápido y un respaldo en caso de que el motor AOF falle. 


Habilitar AOF mientras se utiliza RDB 


A partir de Redis en su versión 2.2 es posible habilitar el mecanismo 
AOF para persistir sin necesidad de reiniciar el servidor. 
A continuación, veremos cómo hacerlo. 


PAP: INICIO DE LA PERSISTENCIA MEDIANTE AOF 





0 1 Haga una copia del archivo dump. rdb y guárdelo en un lugar seguro. 
Es recomendable hacerlo en un almacenamiento externo al sistema. 


A AS 


Errar a 


Corta 
Copa 
Cree acceso dueno 


Uererar 


Proparteces 
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p 
02 Abra una terminal y ejecute la utilidad redis-c11, luego habilite la persistencia 
AOF con el siguiente comando: config set appendonly yes. 


EM Administrador: CA Windows! system32cmd.exe - redis-cli 


AE 
redis 127.68.08.1:6377> CONFIG SET appendonly yes 


Ali 
redis A A m 





03 Puede deshabilitar la persistencia RDB con el comando config set save 
pero no es recomendable ya que RDB puede realizar backups periódicas. 


EX ådministrador: CA Windowssystem3 cmd.exe - redis-cli 


C:5Redis245?>redis-cli 

redis 127.0.0.1:6379> COHFIG SET save 
Ajd 

redis 127.0.0.1:6379> 
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Verifique que la base de datos contenga la misma cantidad de claves que tenía 
anteriormente, mediante el comando DBSIZE. 


EN Administrador: CAWindows!system32lcmd.exe - redis-cli 


EA o 

redis 127.0.0.1:6379> DBSIZE 
integer? 3 

redis 127.0.0.1:6379> 





Finalmente, abra el archivo appendonly .aof y verifique que se hayan agregado 


correctamente las claves. 





J www.redusers.com 





SISTEMAS WEB ESCALABLES WET 139 


Es importante editar el archivo redis.conf y habilitar la persistencia 
con AOF. De otra manera, cuando reiniciemos el servidor no estarán 
disponibles los datos guardados en el archivo appendonly.aof, ya que, 
como vimos anteriormente, los cambios realizados en tiempo de 
ejecución se pierden al reiniciar Redis. 


Seguridad 


Redis ha sido diseñado para ser accedido desde entornos confiables, 
por lo que no es recomendable exponer una instancia directamente en 
Internet o en entornos donde usuarios no autorizados puedan acceder 
a los puertos o sockets. Es necesario crear una capa de seguridad para 
validar el acceso, los datos que proporcionan y las operaciones que 
pueden realizar los usuarios en la base de datos. 


Seguridad de acceso 


Redis ofrece una directiva para indicar las direcciones IP que pueden 
acceder a la instancia. Para incorporar una dirección solo es necesario 
agregar, en el archivo redis.conf, lo siguiente: 


bind <Dirección 1P> 


Para permitir el acceso únicamente desde el servidor local, debemos 
configurar la directiva del siguiente modo: 


bind 127.0.0.1 


N NORMALIZE.CSS 





Normalize.css es, básicamente, un archivo de estilos CSS que establece valores iniciales para todas 
las etiquetas HTML. Su uso es muy recomendado, ya que existen elementos que se muestran de manera 
diferente dependiendo del navegador. Para usarlo, solo lo descargamos y lo agregamos al sitio antes de 


los CSS propios. Podemos obtenerlo en http://necolas.github.com/normalize.css. 
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Un aspecto importante es definir políticas de acceso a los puertos 
mediante una firewall; de esta manera, podremos prevenir la ejecución 
de ataques de visitantes externos. 


Autenticación 


Redis también provee una directiva de seguridad en la cual se 
puede establecer una clave de autenticación. Así, el servidor aceptará 
únicamente las consultas de los usuarios que se hayan autenticado. 
Para establecer la clave debemos asignar un valor a la directiva 
requirepass en el archivo redis.conf: 


requirepass “123 Mi Nueva Clave 123” 


Debido a que la clave es establecida en el archivo de configuración, 
recomendamos utilizar una de gran longitud para afrontar posibles 
ataques por fuerza bruta. 


Deshabilitar comandos 


La configuración por defecto de Redis permite a los clientes 
utilizar todos los comandos disponibles, pero esto puede resultar 
problemático, por lo que existe la posibilidad de deshabilitar 
o renombrar comandos para que sea imposible ejecutarlos. 

Por ejemplo, si ofrecemos un servicio de almacenamiento compartido, 
los usuarios no deberían poder ejecutar el comando CONFIG, ya que 
podrían modificar la configuración de nuestro servidor. Para ello 
necesitaremos editar el archivo redis.conf y agregar lo siguiente: 


rename-command CONFIG 0152f59e41c299c02d5240hbe4456c 


IMPACTO DE NOSQL 





Según un estudio realizado por el Instituto de Analíticas Avanzadas de la Universidad de Carolina del Norte 
se ha determinado que menos del 2,5% de los programadores tienen algún conocimiento de bases de 


datos NoSQL. En Europa existe una tendencia clara de aplicación de este tipo de bases de datos. 
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En el ejemplo, hemos renombrado el comando CONFIG para hacerlo 
indescifrable. También es posible deshabilitar este o cualquier otro 
comando con solo asignarle una cadena vacía: 


rename-command CONFIG *” 


Rendimiento de Redis 
(benchmarks) 


Redis ofrece una utilidad llamada redis-benchmark, que simula 
Operaciones de lectura y escritura en la base de datos. Es posible 
pasarle parámetros para configurar, entre otras cosas, la cantidad de 
clientes y de consultas que serán ejecutadas en forma concurrente. 

Para ejecutarla abrimos una consola, vamos al directorio donde 
tenemos instalado Redis e ingresamos el comando redis-benchmark. 


EX Administrador: CAWindowsisystem321cmd.exe [o || O eE 


CiMRedis245>redis-hbenchmark — 
Invalid option '"-*" or option argument missing 


Usage: redis—-benchmark [-h <host>1 [-p <port>1 [-c <clients>1 [-n <Y<requestsl1> [- 
k <boolean>?] 


-h <hostname> Server hostname “default 127.0.0.1> 
—p <port> Server port “default 6379> 
=s <socket> Server socket C(overrides host and port? 
=c <clients> Number ASES TUI 
-n Yrequests> Total number of requests default 10000» 
-d <size> Data size of SET/GET value in bytes “default 2> 
-k <boolean> i=keep alive A=reconnect <default 1? 
-r <keyspacelen> Use random keys for SETZGETZ/INCR. random values for SADD 
Using this option the benchmark will get/set keys 
in the form mykey_randððHHH12456 instead of constant 
keys, the <keyspacelen> argument determines the max 
number of values for the random number. For instance 
if set to 18 only randABBBBABABBBAAS — randABBBBABABABRI? 
range will be allowed. 
Quiet. Just show query/sec values 
Loop. Run the tests forever 
Idle mode. Just open N idle connections and wait. 





C:N\NRedis245> 


Figura 7. Podemos ver los parámetros 
que dispone la utilidad ejecutando redis-benchmark. 


En el ejemplo que presentamos a continuación veremos cómo 
ejecutar la utilidad. Le pasaremos el parámetro -q para indicar que 
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solo mostraremos las consultas por segundo, el parámetro -n para 
establecer la cantidad de solicitudes y el parámetro -c para indicar 
la cantidad de clientes que se van a simular. 


iblloteca 
EX Administrador: CA Windows system32cmd.exe [e 


C:5Redis245>redis-benchmark -g -n ið -c iðn 
FING inline: 721.50 reguests per second 
PING: 716.33 requests per second 
MSET ¿16 keys: 672.04 requests per second 
SET: 631.71 requests per second 
GET: 766.87 requests per second 
E reguests per second 
: 782.74 requests per second 
700.28 reguests per second 
673.85 requests per second 
672.75 requests per second 
in order to AL AO A ICE AA A! 
166 elements: 726.74 requests per second 
306 elements: 668.45 requests per second 
4560 elements): 669.79 reguests per second 
LRAHGE <4first GAH elements?: 628.14 reguests per second 


EERS it-T i Epei a 





Figura 8. De esta manera podemos hacer 
una prueba de rendimiento con la utilidad de Redis. 


Y Ejemplo de prueba: Mini-twt 


El desarrollo del siguiente ejemplo, al que llamaremos Mini-twt, 
está inspirado en el funcionamiento de la red social Twitter. En él, los 
usuarios se podrán registrar, publicar posts, seguir a otros usuarios 
y tener sus propios seguidores. Realizaremos la implementación 
utilizando los lenguajes PHP y JavaScript. 


ERIN 3 Te 





Los desarrolladores de Responsinator han creado una herramienta muy útil que permite probar cómo 


se verán nuestros sistemas en diferentes dispositivos, como smartphones y tablets. Debemos acceder 


a www.responsinator.com e ingresar la dirección de nuestro sitio. 
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El comportamiento de refresco automático en el timeline no lo 
desarrollaremos en esta instancia porque es en los siguientes capítulos 
donde estudiaremos Node.js, que hace posible esta característica. 

Antes de empezar a escribir el código vamos a ver en la Figura 9 
cómo quedará nuestro ejemplo. 


| bsi-bat l + E m n S 
+ A T uhat F spi pa EJ- Sai 
OD Dabe dl Corer 4 08 [O Feres: ll imeperr UU nerutor [l Macelineoas 7 Duibre: 0 Bene W Toci W iee beree LA Opia 











Mini-twt 


Beto 

2 TWEETS 
DSECGUICOR 
GUIENDO 
Podes seguir a: 


Lv 
Toit 


Figura 9. En el timeline general se pueden 
ver todos los posts que han escrito los usuarios del sistema. 


Para comenzar, vamos a definir la estructura del ejemplo. Dentro 
del directorio público de nuestro servidor web creamos una carpeta 
con el nombre ej_mini_twt y dentro de ella otras dos, denominadas 
css y js. Estas últimas contendrán los archivos de estilos y JavaScript 
correspondientes. Todos los archivos PHP irán a la misma altura que 
CSS y JS, es decir, en el directorio raíz del proyecto. 


Aa NN 





Los dispositivos móviles como laptops, teléfonos y tabletas han evolucionado de tal manera que es ne- 
cesario tener en cuenta cómo se verán nuestros sitios en las diferentes resoluciones existentes. Retina 
display es una tecnología que va mas allá de estas resoluciones e implementa pantallas con el doble de 


densidad de píxeles de la generación tradicional. 
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untitled (ej_mini-twt) - Sublime Text 2 (UNREGISTERED) 

File Edit Selection Find View Goto Tools Project Preferences Help 
FOLDERS 
Y ej mini-twt 


Midi 


Y css 
style.css 
Y js 
script.js 
conexion.php 
getLogin.php 
getNumSeguidores.php 
getNumSiguiendo.php 
getNumTweetsUsuario.php 
getTweets.php 
getUsuario.php 
getUsuarios.php 
home.php 
index.php 
login.php 
registro.php 
salir.php 
seguir.php 
setTweet.php 
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Figura 10. Así quedará la estructura de nuestro ejemplo. 


Ahora determinaremos el aspecto gráfico. Para esto, creamos un 


archivo, donde ingresamos el código que detallamos a continuación, 


y lo guardamos en el directorio css con el nombre style.css. 


bodyí 
background-color: +F2F2F2; 
color: 4444444; 
font: 12px Arial, Helvetica,sans-serif; 
margin: 0; 
padding: 0; 
} 
headerl 
color: #666666; 
font-weight: bold; 
height: 60px; 
margin: O auto; 
text-shadow: 1px 1px O +FFFFFF; 
width: 700px; 
) 
sectiont 
background-color: #FFFFFF; 
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border: 1px solid +CCCCCC; 
border-radius: 5px; 
-moz-border-radius:5px; 
-webkit-border-radius: 5px; 
min-height: 160px; 
padding: 10px; 


} 

header hlí{ 
float: left; 

} 


header .salir{ 
color: #CCCCCC; 
float: right; 
margin-top: 25px; 


} 
a{ 
color: #666666; 
font-weight: bold; 
text-decoration: none; 
text-transform: capitalize; 
} 
a:hover{ 
color: #444444; 
) 
h3í{ 
border-top: lpx solid #CCCCCC; 
padding-top: 5px; 
} 
textarea{ 
display: block; 
height: 100px; 
width: 448px; 
} 


inputltype="text” 1, 
inputltype="password” 1í 
display: block; 
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Wrappert 
clear: both; 
margin: O auto; 
width: 700px; 


} 
.info{ 
float: left; 
width: 190px; 
} 
.home{ 
float: right; 
width: 455px; 
} 
Hlogint 
border-right: 1px solid +CCCCCC; 
float: left; 
padding: O 80px; 
) 
Hregistrot 
float: left; 
padding: O 80px; 
) 
.resultí 
height: 20px; 
) 
Hpost_btní 
float: right; 
) 


Husuario, .usuariost 
display: block; 
} 
.usuarios:hover{ 
background-color: #F2F2F2; 
} 
#timeline{ 
display: block; 
margin: 30px 0 0; 
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min-height: 420px; 
Í 
.post{ 
border-bottom: 1px solid #CCCCCC; 
min-height: 70px; 
padding: 2px; 


No es necesario explicar este código, ya que solo se definen los 
estilos gráficos. A continuación, creamos el archivo conexion.php, en 
el cual generamos una instancia de Redis, nos conectamos al servidor 
y seleccionamos una base de datos para nuestro proyecto. 


<?php 
define CHOST’ 127.0.0.1; 
define(PUERTO',6379); 
define(*BD”,0); 
tryl 
// instanciamos Redis 
$redis = new Redis(); 
// nos conectamos al servidor 
$redis->connect(HOST, PUERTO); 
// seleccionamos la base de datos 
$redis->select(BD); 
Iatch(Exception $e) 
die('ERROR '.$e->getCode().:'*.$e->getMessage()); 


?> 





Fastlce es un framework php y motor de plantillas, que opera de manera muy veloz utilizando como motor de 


persistencia a Redis. Entre sus características se destacan las siguientes: provee estructura html, sistema 


de caché avanzado y es posible utilizar js, metas y CSS. Podemos conocerlo mejor en: http: //fastice.tk. 
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El paso siguiente es crear la primera interfaz con las acciones 
de ingreso al sistema y registro de un usuario nuevo. 









A + Ml | E lecolamterciparmple A] ¡ea pi i 
Mini-twt 
ingresar: 
e A 
Cira 





du a a Fa e 


Figura 11. Las primeras acciones 
que desarrollaremos son de registro e ingreso al sistema. 


Primero creamos un archivo index.php con el siguiente código: 
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a></h1> 
</header> 
<section class="wrapper”> 
<article> 
<div id="login”> 
<h2>Ingresar:</h2> 
<div class="result” id="log_re- 
sult” ></div> 
<torm id="log_form” action=""> 
<input type="text” 
id="log_usuario” placeholder="Usuario”/> 
<input type="password” 
id="log_clave” placeholder="Clave”/> 
<input type="button” 
id="log_btn” value="Ingresar” /> 
</form> 
</div> 
<div id="registro”> 
<h2>Registrarse:</h2> 
<div class="result” id="reg_re- 
sult”></div> 
<torm id="reg_form” action=""> 
<input type="text” 
id="reg_usuario” placeholder="Usuario”/> 
<input type=” password” 
id="reg_clave” placeholder="Clave”/> 
<input type="button” 
id="reg_btn” value=" Registrarse” /> 


</form> 
</div> 
</article> 

</section> 

<footer> 

</footer> 

</body> 
</html> 


www.redusers.com << 


150 (MET 4. ADMINISTRACIÓN DE REDIS 


En el código anterior establecimos la estructura HTML donde 
referenciamos los archivos JavaScript y CSS del proyecto, además 
de la librería jQuery. También definimos un formulario para ingresar 
al sistema y otro para el registro de nuevos usuarios. Para ambos 
formularios solo usamos los campos usuario y clave. 

Para darles funcionalidad crearemos el archivo seript.js y lo 
guardaremos en el directorio js. Dentro de este archivo escribiremos 
el siguiente código: 


$(document).ready(functionO( 
// set usuario 
$(document).onCclick”, “Hreg_btn”, functionO( 
setUsuario(); 
y; 
// login 
$(document).on(click”, **log_btn”, functionOl 
login); 
D 
D, 
function setUsuario() { 
if ($C#reg_usuario’).val() !=Y && $CHreg_clave”).valO) !=") ( 
$.post(“registro.php” “usuario="+$CHreg_usuario”). 
valO+“8clave="+$CHreg_clave').valO, 
function(data) 
if (data == 1) 
window.location = “home.php”; 
else 
$CHreg_result').html(msg); 


} 
function login() { 
if ($CHlog_usuario).valO !=“ £8 $CHlog_clave).valO !l=“) ( 
$.post(“login.php” “usuario="+$(Hlog_usuario”). 
valO+"8clave="+$(+Hog_clave).valO, 
function(data){ 
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if (data == 1) 
window.location = “home.php”; 
else 
$C#log_result’).htmICUsuario o 
clave incorrectos’); 


Hemos definido los eventos para cuando hacemos clic en los botones 
Ingresar y Registrarse, que llaman a las funciones login() y setUsuario(), 
respectivamente. Es necesario tener en cuenta que definiremos todas 
las acciones dentro del evento ready del document y, las funciones, fuera. 

Primero analizaremos la función setUsuario(). Mediante una llamada 
Ajax, le pasamos el usuario y la clave al archivo registro.php que 
creamos con el siguiente código: 


<?php 
include(conexion.php”); 
$result = 0; 
$uid = $redis->incr('global:proximoUid')»; 
$auth = md5($ POSTE usuario'1.$ POSTE clave); 


$redis->setCusuario:”.$ POSTE 'usuario'1.:uid”, $uid); 
$redis->setCuid:'.Suid.:usuario”, $ POSTE usuario”7); 
$redis->setCuid:'.Suid.:clave”, md5($_POSTE'claveD); 


$redis->setCuid:”.$uid.:auth”, Sauth); 

$redis->sadd( usuarios” $uid); 

if (Sredis->set(“auth:”.fauth,$uid)) ( 
setcookie(“auth”,$auth,timeO+3600%*24*365); 
$result = 1; 

} 

echo $result; 

eS 
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En este código realizamos varias acciones. 
Primero, incluimos el archivo conexion.php; 


COOKIE Y UNA CLAVE luego, incrementamos la clave global:proximoUVid, 


AUTH SABREMOS 
CUÁNDO UN USUARIO 
LEE O ACTUALIZA 


que nos sirve como contador para asignar un 
identificador de usuario simulando un contador 
autoincrementar. Posteriormente, mediante el uso 
de set generamos una clave con el usuario y otra 
con la clave encriptada en md5. 

Por otra parte, creamos una cookie y 


una Clave auth en Redis, que nos servirá para 
identificar cuándo un usuario intenta realizar operaciones de lectura 


y actualización. Además, creamos una clave usuarios donde iremos 
almacenando los id”s de cada usuario nuevo, que usaremos luego para 
obtener a los que vamos a seguir. 
Debemos tener en cuenta que, una vez que hacemos el registro, nos 
encargamos de retornar el valor 1 a la función login(), y procedemos 
a efectuar la redirección a home.php. En este punto, nuestro sistema 
ya cuenta con la funcionalidad de registrar usuarios. Para verificar 
que todo va bien podemos usar la herramienta conocida como 
phpRedisAdmin y desde ella comprobar que todas las claves han 
sido creadas correctamente. 
MG) $ 127003 - phprecisadmin a 
A 


A localhost/phpRedisAdmin/?view&s=0&key=usuarios 


© Disabler dh Cookies # CSS- [D] Forms” [Œ] Images? @ Information” [E] Miscellaneous” £ Outline” 4 Resize” ye Tools” MM) View Source” | 


























phpRedisAdmin usuarios /X 3 
Local Server y Type: set 
S E : 
w TTL: does not expire 4 
F Add another key Encoding: intset 
Size: 1 items 
w Keys 
= [D auth Value 
7d4dc0e3a78cb98b83d621c2bc0763 
L E global 1 Z X 
proximoUid 
b D uid sf Add another value 
> 1 
auth 


& y usuario 

y Ly beto 
uid 

usuarios 








Figura 12. Con phpRedisAdmin verificamos 
las claves que creamos cuando registramos un usuario. 
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Volviendo a JavaScript, la función login(), también mediante una 
llamada Ajax, enviará las variables usuario y clave al archivo login.php. 
En este archivo escribimos el siguiente código: 


<?php 
include conexion.php”); 
$result = 0; 
$uid = $redis->get(usuario:”.$ POSTE 'usuario'1./:uid”); 
if ($uid) { 
$clave = $redis->get(uid:”.$uid.:clave”); 
if ($Sclave == md5($_POSTE clave DM 
setcookie(“auth”,$redis->get(uid:”.$uid.:auth),ti 
me()+3600*24*365); 
$result = 1; 


} 
echo $result; 
?> 


En el código, primero incluimos el archivo de conexión a la base 
de datos; luego, obtenemos el uid mediante el nombre de usuario y, 
con él, la clave para comparar con la enviada por POST. En caso de que 
la validación sea correcta, devolveremos el valor 1 a la función login(), 
donde haremos la redirección al archivo home.php. 

Cuando un usuario se registra o ingresa mediante el login, se 
crea una cookie para validar el acceso a home.php. Esta validación 
la llevaremos a cabo mediante un archivo llamado getLogin.php, que 
contendrá el código que sigue: 





Cuando necesitamos implementar atributos, definir reglas CSS, usar etiquetas html5 o saber cuáles son 


los estándares de la web, es recomendable visitar la web oficial de la World Wide Web Consortium. 
Aquí encontraremos todo lo relacionado a diseño, arquitectura, semántica, términos XML, web services, 


navegadores y más. El sitio se encuentra en la dirección www.w3.org. 
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<?php 
include (*conexion.php”); 
$result = 0; 
if (isset($_COOKIEL'auth7)) £ 
$uid = $redis->getCauth:”.$_COOKIEP'auth”D; 
if ($ COOKIE auth1 == $redis->get(uid:'.$uid.:auth”)) 
$result = 1; 
) 
if ($result == 0) 
header(“Location: index.php”); 
?> 


En el código incluimos el archivo de conexión a la base de datos; 
luego, verificamos que la cookie auth esté establecida para poder 
obtener el uid del usuario al que pertenece. A continuación, con 
este uid obtenemos el valor de la clave auth almacenada en Redis 
y la comparamos con la cookie. 

Ahora crearemos el archivo home.php: 


4 
include (*getLogin.php”); 
es 
<!DOCTYPE html> 
<html> 
<head> 
<title>Mini-twt</title> 
<link type="text/css” href="css/style.css” rel="stylesheet” /> 
<script type="text/javascript” src="http://ajax.googleapis.com/ 
ajax/libs/jquery/1.9.0/jquery.min.js” ></script> 
<script type=" text/javascript” src=” js/script.js” ></script> 
<!--Lif It IE 9]><script src=”http://html5shiv.googlecode.com/svn/ 
trunk/html5.js”></script><!Lendif]--> 
</head> 
<body> 
<header> 
<hl1><a class="titulo” href="home.php”>Mini-twt</ 
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a></h1> 
<a class="salir” href="salir.php”>Salir</a> 
</header> 
<div class="wrapper”> 
<section class="info”> 
<h2 id="usuario”></h2> 
<p id="tweets”></p> 
<p id="seguidores”></p> 
<p id="siguiendo”></p> 
<h3>Podes seguir a:</h3> 
<div id="usuarios”></div> 
</section> 
<section class="home”> 
<article> 
<form id="post_form” action=""> 
<textarea id="post” 
placeholder="Contale al mundo...*></textarea> 
<input type="button” 
id="post_btn” value="twtear” /> 
</form> 
<div id="timeline”></div> 


</article> 
</section> 
</div> 
<footer> 
</footer> 
</body> 
</html> 


En este código hemos incluido el archivo getLogin.php para validar 
el acceso y, luego, hemos creado los elementos HTML que vamos a 
utilizar. Las acciones que realizaremos son: obtener el nombre del 
usuario, la cantidad de posts publicados, la cantidad de seguidores y 
la cantidad de personas a quienes sigue el usuario. También realizamos 
la inclusión de una lista de usuarios a quienes seguir y, por otra parte, 
un formulario donde se escribirá cada post. 
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En el timeline se pueden ver los posts de todos los usuarios, de uno en 
particular, y los propios. Para obtener el nombre de usuario, agregamos lo 
siguiente en el archivo seript.js, dentro del evento ready del document: 


// get info usuario 
if (SCHusuario”).size()) ( 
getUsuario(); 


A continuación, agregamos la función getUsuario() al archivo js para 
obtener el nombre del usuario actual. Es importante tener en cuenta 
que todas las funciones deben estar fuera del evento ready del document. 


function getUsuario() { 
$.post(“getUsuario.php” ”, 
function(data) 
var id, usuario; 
var items = eval(( + data +*)'); 
for (var i in items) { 
for (var j in itemsLil) { 
uid = įitemsLi]Lj]L'uid"]; 
usuario = itemsLi]Lj]L‘usuario"]; 
$C#usuario’).appendC<a 
class=”usuarioTI” vid="*"+uid+""” href=" #”">'+usuario+’ </a>"); 
} 


k. AA OA OA AE 





Gracias al desarrollo colaborativo, hoy en día disponemos de sistemas de código abierto, inclusive muy 
evolucionados como las distribuciones de Linux. Una buena idea es publicar nuestros proyectos en 
GitHub, con lo cual obtendremos la ventaja de usar un sistema de control de versiones y una comunidad 
infinita para proponer mejoras. Si todavía no lo hemos probado, podemos empezar accediendo al sitio 


que encontramos en la siguiente dirección web: https://github.com. 
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En este código, obtenemos mediante el uso de Ajax los datos 
del usuario y posteriormente los procesamos para mostrarlos en 
el contenedor. Ahora, creamos el archivo getUsuario.php: 


<?php 
include conexion.php”); 
$uid = $redis->get(auth:”.$ COOKIEPauth”D); 
$usuario = json_encode(arrayCuid' => $uid, 'usuario! => $redis- 
>get(uid:”.$uid.:usuario”))); 
echo “ “content” : [*.$usuario.1; 
?> 


Aquí obtenemos la información almacenada en Redis, la codificamos 
en el formato JSON y la devolvemos a la función getUsuario(), que será 
la encargada de mostrarlo en el contenedor indicado. 

A continuación veremos la forma en que el usuario puede escribir un 
post. Para realizar esta tarea debemos agregar lo siguiente en el archivo 
js, dentro del evento ready del document: 


// twitear 

$(document).onCclick”, *Hpost_btn”, functionOl 
setTweet(); 

D; 


En el código anterior invocamos a la función setTweet() cuando se 
presiona el botón twitear. Por eso necesitamos crear la función con el 
siguiente código en el mismo archivo js: 
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function setTweet()( 
$.post(“setTweet.php” “post="+$CHpost).valO, 
function(data){ 
$CHpost).val(M); 
getTweets('”); 
getNumTweetsUsuario(); 
D, 


Aquí pasamos el valor del elemento #post a setTweet.php y llamamos 
a las funciones getTweets(”) y getNumTweetsUsuario(), que nos permiten 
mostrar el post en el timeline y la cantidad de posts del usuario. 

Lo que sigue es crear el archivo setTweet.php: 


<?php 
include (*conexion.php'); 
$uid = $redis->getCauth:”.$ COOKIE 'auth”D); 
$pid = $redis->incr(“global:proximoPid”); 


$post = $uid.”|”.time(O.“]”.htmlentities($_POSTE'post'T); 
$redis->set('post:”.$pid, $post); 
$redis->incrCuid:”.Suid.:nposts”); 


$seguidores = $redis->sSMembers(“uid:”.$Suid.“:seguidores” ); 

$seguidores[] = $uid; 

foreach($seguidores as $sid) 
$redis->IpushCuid:”.$sid.:posts” $pid); 

$redis->Ipush(“global:timeline”,$pid); 

$redis->Itrim(“global:timeline”,0,20); 


?> 


Primero incluimos el archivo de conexión y, luego, obtenemos el uid 
del usuario e incrementamos el contador de posts para saber qué id va 
a identificar al nuevo post. Después, concatenamos el uid con la hora y 
la variable post, que la pasamos por parámetro. Guardamos esto con la 
instrucción $redis->set e incrementamos el contador de la clave nposts. 
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Obtenemos la lista de seguidores y la almacenamos en $seguidores. 
Agregamos el uid del usuario actual para, después, con el foreach, 
agregarlo al timeline del usuario. 

Finalmente, agregamos el id del post a la clave global:timeline 
y con Itrim mantenemos solo los últimos veinte posts. Este proceso 
no devuelve ninguna salida, por lo que vamos a seguir con la llamada 
getTweets(”) del archivo de JavaScript. Para eso, crearemos la función 
con el siguiente código: 


function getTweets(lista) 
// en caso de que mostremos los posts de un usuario en particular 
If (lista l=" €« lista !=*default') 
$CHtimeline) html); 
$.post(“getTweets.php” /lista="+lista, 
function(data) 
var id usuario; 
var items = eval((" + data +”); 
for (var i in items) { 
for (var j in itemsLil) ( 


uid = įitemsLiJLj]L‘uid"]; 
usuario = itemsLi]Lj]L‘usuario"]; 
post = įjtemsLiJLj]L`post"]; 
hora = įjtemsLiJLj]L‘hora"]; 
html = ‘<div class=” post” ><a 


class="usuarioTI” uid="*"+uid+""” href="H">"+usuario+*</a> - <span>Hace 
“+hora+"</span> <p> +post+"</p></div>; 
if (lista !=") 
$CHtimeline”). 
append(html); 
else 
$CHtimeline”. 
prepend(html); 
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Llamamos, mediante Ajax, al archivo PHP que nos devolverá la 
información de cada post en formato JSON y que mostraremos en el 
timeline. Debemos crear el archivo getTweets.php, con el siguiente código: 


<?php 
include Cconexion.php”); 
$uid  = $redis->getCauth:”.$ COOKIE 'auth”7); 
$lista =$ POSTIista”]; 
$cant =10; 
If ($ _POSTD lista ==") € 
$clave ='uid:”.$uid.:posts”; 
$cant = 0; 
Jelseifí$lista == default”) { 
$clave ='global:timeline”; 
Jelseí 
$clave ='uid:'.$lista.:posts”; 
) 
$posts  = $redis->IRange($clave,O,$cant); 
foreach($posts as $pid) ( 


$aux = explode(*“|”, $redis->get('post:”.$pid)); 
$id = $auxLO]; 

$hora  =horaConFormato($aux[17); 

$post = html_entity_decode($auxL27); 


$usuario = $redis->getCuid:”.$id.':usuario”); 
$timeline .= json_encode(array(uid'=>$id, 'usuario'=>$usuario, 
'post'=>$post, 'hora'=>$hora)). /; 
) 
echo “content” : [*.substr (S$timeline, 0, -1). IY; 





JSON es el acrónimo de JavaScript Object Notation, se trata de un formato ligero para el intercambio de 


datos. Es un subconjunto de la notación literal de objetos de JavaScript que no requiere el uso de XML. 
Su simplicidad ha dado lugar a la generalización de su uso, especialmente como alternativa a XML en 


AJAX. Una de sus ventajas sobre XML es que se presenta como mejor formato de intercambio de datos. 
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function horaConFormato($hora) { 
$d = time() - $hora; 
if ($d < 60) return “$d segundos”; 
if ($d < 3600) { 
$m = (int)($d/60); 
return “$m minuto”.($m > 1 ? “s”: '); 
} 
if ($d < 3600*24) ( 
$h = (int)($d/3600); 
return “$h hora”.($h > 1? “s”: V); 
} 
$d = (int)($d/(3600*24)); 
return “$d dia”.($d > 1 ? “s” : W); 


Ys 


Primero, incluimos el archivo de conexión; luego, obtenemos el uid 

y la lista pasada por parámetro, y establecemos la cantidad de posts. 
Si la lista es igual a vacío, devolvemos los posts del usuario actual; 
si es igual a default, devolvemos la lista global y, en caso contrario, 

devolvemos la lista del usuario que vino a través del parámetro. 

A continuación, obtenemos un rango de la lista y la cantidad 
especificada, y luego con el foreach armamos el json de salida. 
Finalmente, devolvemos el json. La función horaConFormato($hora) 
es para formatear hace cuánto tiempo se publicó cada post. 

Retornando a la función setTweet() de JavaScript, hacemos la llamada 
a la función getNumTweetsUsuario() para mostrar la cantidad de posts del 
usuario actual. La vamos a crear con el siguiente código: 


function getNumTweetsUsuario()( 
$.post(“getNumTweetsUsuario.php” /”, 
function(data)( 


$CHtweets).htmiídata+" TWEETS?); 
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En el código anterior, hacemos una llamada Ajax al archivo 
getNumTweetsUsuario.php: 


<?php 
include Cconexion.php”); 
$uid = $redis->getCauth:”.$_COOKIEP'auth”D; 
echo $redis->get(uid:”.$uid.:nposts'); 

ls 


Primero incluimos el archivo de conexión y luego obtenemos el 
uid del usuario que utilizaremos para obtener la cantidad de posts 
almacenados en la clave uid:fuid de usuario):nposts. 
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Figura 13. Aquí vemos el timeline 
del usuario actual con la cantidad de posts. 


IONCUBE PHP ACELERATOR 





lonCube PHP Acelerator es una extensión para PHP que provee un caché y es capaz de brindar un cambio 
sustancial en la velocidad de ejecución de los scripts. El uso de esta extensión no requiere ninguna modi- 


ficación del código fuente. Podemos conocer más en: www.php-accelerator.co.uk. 
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Volviendo a JavaScript, vamos a agregar las funciones getTweets() 
y getNumTweetsUsuario() en el condicional if ($(“Husuario”).size()). Lo 
haremos para que, además de mostrar la información del usuario, 
también mostremos los posts en el timeline y la cantidad de posts 
hechos por el usuario actual cuando ingresamos al sistema. En el 
mismo condicional también incluiremos la llamada a la función 
getUsuarios(). Debería quedar de la siguiente manera: 


if ($C#usuario’).size()) { 
getUsuario(); 
getTweets('default'); 
getNumTweetsUsuario(); 
getUsuarios(); 


Mediante el siguiente código vamos a crear la función getUsuarios(). 
En ella haremos una llamada Ajax al archivo getUsuarios.php, que nos 
devolverá la lista en formato JSON de los usuarios registrados. 


function getUsuarios()( 
$.post(“getUsuarios.php”,”, 
function(data) 
var id, usuario; 
var items = eval((" + data +”); 
for (var i in items) { 
for (var j in itemsLi]) { 
uid = įjtemsLiJLj]L'uid"]; 
usuario = itemsLi]Lj]L‘usuario"]; 
$CHusuarios”).append(<a 
class="usuarios” uid=""+uid+"" href="+">"“+usuario+"</a>"); 
) 
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A continuación, creamos el archivo getUsuarios.php: 





Aquí obtenemos el uid del usuario actual y hacemos una diferencia 
entre las listas de usuarios registrados y de los usuarios a los que está 
siguiendo; luego, con el foreach, recorremos la lista resultante y vamos 
codificando en formato JSON los resultados. Finalmente, devolvemos el 


contenido a la función getUsuarios(). En este momento podemos crear 
usuarios visibles para poder seguirlos. 
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Figura 14. En el menú izquierdo vemos a los usuarios que podemos seguir. 
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Para realizar el seguimiento de un usuario, debemos agregar 
el siguiente código dentro del evento ready del document, donde 
capturamos el evento click de la lista de usuarios: 


// seguir a 

$(document).onCclick”, *.usuarios”, function(e) 
e.preventDefaultO; 
seguir($(this)); 

y 


Hemos hecho una llamada a la función seguir(), que tendremos que 
definir también en el archivo script.js: 


function seguir(element) ( 
$.post(“seguir.php” /“usuario="+element.attrOuid”), 
functionO( 
getNumSiguiendo(); 
D 


element.remove(); 


Dentro de la función anterior hicimos una llamada Ajax al archivo 
seguir.php y le pasamos el uid del usuario como parámetro. Creamos 
este archivo con código que vemos a continuación: 





A JONS 


Boilerplate se presenta como una herramienta que nos sirve para simplificar el proceso de construc- 
ción de un sitio web en HTML5. Para esto, solo es necesario descargar la plantilla base que contiene la 
estructura normalizada para todos los navegadores con estilos CSS para lE, y los archivos JavaScript 
basados en capacidades del navegador, entre otros. Podemos descargarlo si visitamos la página web 


que se encuentra en la dirección http: //htmi5boilerplate.com. 
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<?php 
include conexion.php”); 
if (isset($_POSTE usuario”) ( 
$uid = $redis->getCauth:”.$_COOKIE'auth”D); 
$redis->saddCuid:'.Suid.:siguiendo”,$_ POSTE usuario”7); 
$redis->sadd(uid:”.$ POSTE 'usuario”7./:seguidores” $uid); 
echo 1; 


?> 


En el código, obtenemos el usuario a quien se seguirá y, luego, el 
uid del usuario actual. A continuación, agregamos la clave siguiendo al 
usuario actual con el usuario que pasamos por parámetro, y una clave 
seguidores al usuario que estamos siguiendo con el uid actual. 

Volviendo a la función seguir() de script.js, cuando retornamos de la 
llamada Ajax, ejecutamos la función getNumSiguiendo(), que definimos 
en el mismo archivo de la siguiente manera: 


function getNumSiguiendo(){ 
$.post(“getNumSiguiendo.php”,”, 
function(data){ 


$CHsiguiendo).htmlídata+" SIGUIENDO? ); 


O Mao 





Google se encarga de ofrecernos un conjunto de herramientas muy útiles para que podamos enfrentar el 
desarrollo de sitios web, que brindan información como el estado del servidor, cantidad de clics, cantidad 
de enlaces, tráfico obtenido, URLs bloqueadas y estadísticas de rastreo, entre otros. Si lo deseamos, 
podemos utilizar este servicio a través de la página que se encuentra en la siguiente dirección: https: // 


google.com/webmasters/tools/home?hl=es. 
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Mediante el uso de Ajax podemos obtener la cantidad de usuarios 
a los que estamos siguiendo. Lo hacemos creando el archivo 
getNumSiguiendo.php, con el siguiente código: 


<?php 
include conexion.php”); 
$uid = $redis->get(auth:”.$_COOKIEPauth”D); 
echo $redis->sCard(uid:”.$uid.:siguiendo”); 
?> 


Aquí obtenemos el número de elementos de la clave siguiendo y lo 
devolvemos a la función JavaScript. Luego, para mostrar la cantidad 
de seguidores que tiene el usuario actual, creamos la función 
getNumSeguidores() en el archivo script.js: 


function getNumSeguidores()( 
$.post(“getNumSeguidores.php” ”, 
function(data)( 
$C+seguidores”).htmlí(data>1?data+” 
SEGUIDORES':data+" SEGUIDOR”); 
) 


En el código anterior, hacemos una llamada Ajax al archivo 
getNumSeguidores.php: 


DN DISEÑO ELÁSTICO 





Como dijimos, es indispensable desarrollar sitios web con diseños que se puedan adaptar a todos los dis- 
positivos, tanto móviles como de escritorio. La primera medida que debemos tomar es definir un diseño 
elástico, es decir, establecer medidas relativas tipo em para los elementos, de manera que se ajusten 


automáticamente a cualquier resolución. 
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<?php 
include (*conexion.php”); 
$uid = $redis->getCauth:”.$_COOKIEP'auth”D; 
echo $redis->sCardCuid:”.Suid.:seguidores/); 
?> 


Aquí obtenemos el número de elementos de la clave seguidores y lo 
devolvemos a la función JavaScript. 

Para mostrar la cantidad de usuarios a los que seguimos y la 
cantidad de los que nos siguen, debemos agregar las llamadas de 
las funciones getNumSeguidores() y getNumSiguiendo() al condicional if 
($S(“Htusuario”).size()), de la siguiente manera: 


if (S$CHusuario”).size()) ( 
getUsuario(); 
getTweets('default'); 
getNumTweetsUsuario(); 
getUsuarios(); 
getNumSeguidores(); 
getNumSiguiendo(); 


Ahora, creamos una funcionalidad para poder hacer clic en el autor 
de un post y ver su timeline. Solo necesitamos escribir lo siguiente, 
dentro del evento ready del document: 


// timeline de Usuario 

$(document).onCclick”, *.usuarioT!I”, function(e){ 
e.preventDefaultO; 
getTweets($(this).attrCuid')); 

y; 
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Hemos capturado el evento click del nombre del autor en el timeline 
y hecho una llamada a la función getTweets(), definida anteriormente, 
con la particularidad de que le pasamos el uid del usuario seleccionado. 
Por último, nos encargaremos de crear la funcionalidad del 
enlace salir. Para realizar esto es necesario crear un archivo PHP, que 
denominaremos salir.php, con este código: 


<?php 
ifísetcookie(“auth”, "””)) 
header Location: index.php/); 
?> 


En el código anterior simplemente hemos vaciado la cookie y 
direccionamos al usuario al archivo index.php. 





Hemos terminado de conocer a Redis. Vimos la replicación y los tipos de persistencia, que hacen de 


esta herramienta una de las bases de datos favoritas para el desarrollo de sistemas de alto rendimiento. 
Aprendimos que mediante la utilidad redis-benchmark es posible adecuar la configuración a nuestras 
necesidades. Y, por último, a través de un ejemplo práctico, nos encargamos de realizar el análisis sobre 
cómo implementar Redis en sistemas que, por su naturaleza, son escalables y deben estar preparados 


para un incremento exponencial del volumen de datos. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


¿Es obligatorio definir una clave de acceso a Redis? 

¿Qué es la replicación? 

¿Un maestro puede requerir autenticación a los esclavos? 

¿Qué diferencia existe entre los tipos de persistencia AOF y RDB? 
¿Es posible configurar RDB para persistir cada diez segundos? 


¿Cuál es la mejor configuración de persistencia para fsync? 


UU O 01 Bb O N EF 


¿En Redis es posible limitar a los usuarios que se conectan mediante su 
dirección IP? 


8 ¿De qué manera es posible deshabilitar un comando en Redis? 


EJERCICIOS PRÁCTICOS 


1 Defina una clave de autenticación de acceso a su instancia de Redis en tiempo 
de ejecución. 


2 Si dispone de otra máquina, instale Redis e inicie una instancia como esclavo de 
la actual e intente replicar la base de datos. 


3 Configure Redis con el tipo de persistencia RDB y AOF en paralelo. 


Agregue la funcionalidad Retwittear posts al ejemplo desarrollado en este 
capítulo. 


5 Agregue una función para poder subir una foto de cada usuario al ejemplo 
desarrollado. 


6 Cree una función para dejar de seguir a un usuario en el ejemplo. 


7 SANTA 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorOredusers.com 
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Aprenderemos qué es un evento y cuáles son los diferentes 
paradigmas en el desarrollo de sistemas; luego, nos 
enfocaremos en las características de la programación 
orientada a eventos. Esto nos servirá de introducción para 


comprender el funcionamiento de la tecnología Node.js. 
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sl Paradigmas en el 
desarrollo de sistemas 


Para comenzar, vamos a definir paradigma de programación 
como la técnica de desarrollo de software utilizada por una comunidad 
de programadores, que intentan resolver los problemas de una 
manera óptima. Un paradigma debe ser capaz de ofrecer una solución 
significativa, sin afectar la calidad del producto. 

A continuación, conoceremos algunos de los paradigmas más 
utilizados en la actualidad para el desarrollo de sistemas. 


Programación orientada a objetos 


La programación orientada a objetos, comúnmente llamada POO, 
ofrece una solución al problema de la división de datos y procesos. Es 
decir, mediante la definición de un objeto podemos contener datos y 
métodos que pueden operar con ellos, así como también interactuar 
con otros objetos, encapsular y heredar métodos de otros. Este 
paradigma se popularizó en los años noventa y hoy es uno de los 
más utilizados para el desarrollo de software. 

Los objetos son entidades que contienen datos definidos mediante 
atributos, a los cuales se les asignan valores concretos. Además, tienen 
métodos que sirven para manejar los datos propios o de otros objetos. 
Por último, cada objeto tiene una identidad que permite diferenciarlo 
del resto, implementada también por un atributo. 

Este paradigma está representado por el lenguaje de programación 
Smalltalk, orientado a objetos, pero existen también innumerables 


LEE 





Cloud 9 es un entorno de desarrollo en línea con características muy interesantes: integración con 


GitHub, un entorno para JavaScript y más de 25 lenguajes. Además, brinda un sistema de desarrollo 
compartido con chat interno, un entorno para instalar herramientas y librerías y una consola para ejecutar 


comandos de Linux. Podemos conocerlo en el enlace https://c9.io. 
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lenguajes que lo implementan de manera parcial o total. Un ejemplo de 
implementación se halla en PHP, cuyo modelo de objetos se ha reescrito 
a partir de la versión 5. De esta manera, se encarga de brindar un mejor 
rendimiento, con más características. 
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„Referencia del 
lenguaje 


a Sintaxis básica 

a Tipos 

o Variables 

a Constantes 

o Expresiones 

o Operadores 

a Estructuras de Control 

a Funciones 

= Clases y Objetos 

a Espacios de Nombres 

o Excepciones 

a Generadores 

a Referencias Explicadas 

a Variables predefinidas 

o Excepciones predefinidas 

o Interfaces predefinidas 
Opciones de contexto y 
parámetros 


Introducción» —— 


| «Funciones anónimas 


| view this page in English = [edit] Last updated: Fri, 01 Mar 2013 


| Clases y Objetos 
| Tabla de contenidos 


a Introducción 

m Lo básico 

= Propiedades 

a Constantes de Clases 

= Autocarga de clases 

a Constructores y destructores 

a Visibilidad 

=a Herencia de Objetos 

= Operador de Resolución de Ámbito (::) 
= La palabra clave 'static' 
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Figura 1. En el sitio oficial de PHP, 
http://php.net/manual/es/language.oop5 .php, 
podemos ver cómo implementar el paradigma POO. 


Programación imperativa 


Debemos considerar que este paradigma define estados de un 
programa y sentencias encapsuladas en procedimientos que efectúan 
cambios de dichos estados. Se trata del más 
utilizado para realizar desarrollos convencionales, 


porque los programas imperativos le indican a la LA PROGRAMACION 
computadora el modo en que puede realizar cada IMPERATIVA 
tarea mediante un conjunto de instrucciones que 
se ejecutan de manera secuencial. DEFINE ESTADOS 
Un ejemplo de implementación de este Y SENTENCIAS 
paradigma a bajo nivel es el funcionamiento 
ENCAPSULADAS 


de las computadoras, cuyas sentencias son 
instrucciones en lenguaje máquina y los datos 
son los contenidos que están en la memoria. 
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Debemos considerar que existen lenguajes de programación 
imperativos de alto nivel que usan variables y conjuntos de sentencias 
más complejas, pero que siguen el mismo paradigma; entre los más 
conocidos se encuentran C, Perl, PHP, Java y Python. 
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<?php 
($usuario,$clave){ 


($this 


$output = $this 


$output; 





Figura 2. Una simple función, que ejemplifica 
el paradigma de programación imperativa mediante PHP. 


Programación declarativa 


Se trata de un paradigma que está basado en la declaración de 
un conjunto de condiciones, proposiciones, afirmaciones y también 
restricciones que definen un problema y describen su solución 
mediante el uso de mecanismos de control, que indican qué es 
lo que se quiere obtener y no cómo hacerlo. 


A A NE 





Muchas veces nos hemos preguntado cómo implementar una determinada fuente tipográfica que no está 


instalada en todos los sistemas operativos. Hoy en día existe una posibilidad muy recomendable, llamada 
Google Web Fonts, mediante la cual podemos utilizar alrededor de 620 fuentes. Para saber cómo 


implementarlas, podemos acceder a: http://google.com/webfonts. 
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La ventaja que tienen los lenguajes declarativos es que pueden ser 
manejados matemáticamente, dando la posibilidad de optimizar el 
rendimiento de los programas. 

Consideremos que en el mundo del desarrollo web el lenguaje 
declarativo más conocido es SQL, implementado para interactuar 
con bases de datos relacionales como MySQL. 
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Figura 3. Una implementación 
del paradigma declarativo SQL para crear la tabla Usuario. 


Programación estructurada 


Paradigma creado para dar más claridad en el proceso de desarrollo, 
con mayor calidad y en menor tiempo, mediante el uso, únicamente, de 
subrutinas de manera secuencial y estructuras de control de selección 
e iteración. Tengamos en cuenta que puede ser implementado en 
cualquier lenguaje de desarrollo de sistemas. 

La programación estructurada considera innecesario y negativo el 
uso de saltos directos a otras rutinas (por ejemplo, el uso de GOTO) 
porque esto genera un código confuso y difícil de depurar. 

Las ventajas que ofrece este paradigma son: la creación de sistemas 
más fáciles de entender (porque el seguimiento es secuencial y no hay 
necesidad de hacer saltos de líneas), la minimización del esfuerzo en 
la fase de prueba y depuración del código (ya que la estructura es más 


www.redusers.com << 


¡NIN USERS 5. PROGRAMACIÓN ORIENTADA A EVENTOS 


sencilla y comprensible) y la reducción de los costos de mantenimiento 
en dinero y tiempo. Como consecuencia, debido a que los programas 
son más sencillos, ofrece un mejor rendimiento. 


El untitled » - Sublime Text 2 (UNREGISTERED) Lo l o Je) 
File Edit Selection Find View Goto Tools Project Preferences Help 


untitled 


<?php 


$resultado 

$multiplo 
($var1 ) 
$resultado ($multiplo 


1 
$resultado $var1 


$resultado 





Figura 4. Implementación del paradigma 
estructurado con el lenguaje de programación PHP. 


Programación orientada a aspectos 


Este paradigma es relativamente nuevo y consiste en modularizar 
las aplicaciones, posibilitando separar funciones comunes para varios 
objetos. Es decir, para la mayoría de los sistemas es necesario tener un 
controlador de errores, pero como los errores están diseminados por 
todas las clases definidas en el sistema, esto provoca que cada clase 


LEE 





CAPTCHA 


Probablemente, la mayoría de los programadores sabe para qué se utiliza el sistema CAPTCHA, pero 


pocos saben por qué existen dos palabras, una de las cuales se encuentra escrita de manera casi inen- 
tendible para los usuarios. Esto se debe a que a nivel mundial se están digitalizando libros antiguos y 
hay términos que no están claros, por lo que han decidido incluir estas palabras y, sobre la base de las 


entradas de usuarios, se selecciona la que más veces se ingresó. 
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tenga que ocuparse de tareas que no son propias 
de su definición. Cuando se implementa este 
paradigma, se separan las funcionalidades propias 
de cada módulo y las funcionalidades comunes 
utilizadas a lo largo del sistema. Cada una se 
encapsula en una sola entidad. 

Existen muchos módulos, extensiones y 
entornos de desarrollo que permiten utilizar 
este paradigma en diferentes lenguajes. Para PHP 
podemos usar FLOW3, que es un entorno de 


desarrollo MVC (modelo-vista-controlador) que incluye un módulo 


PAZ 177 


FLOW3 ES UN 
ENTORNO DE 
DESARROLLO MVC 
QUE PODEMOS USAR 
PARA PHP 


7 


para realizar programación orientada a aspectos en desarrollos nuevos. 


G FLOW 
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Siga Bug lrackór 


pres you last results Els a reñablo lcundaation for TPOÓ fonge 
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SUN MA Örobeteamke m TYPUJ 
E 
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Figura 5. Desde http: //flow. typo3 .org podemos descargar 
FLOW3 para implementar el paradigma orientado a aspectos en PHP. 


A DUI A YA 





Cuando vamos a mostrar una funcionalidad o una iteración del proyecto, es necesario utilizar datos de 


prueba para que el cliente o quienes deben hacer el proceso de testing puedan visualizar los cambios. 


Para ello se recurre a la técnica Dummy Data, más conocida como Lorem Ipsum. Para utilizarla acce- 


demos a: http://chuckipsum.com. 
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Programación orientada a eventos 


Hasta aquí, hemos visto diferentes paradigmas de desarrollo donde 
cada uno define la manera de estructurar un sistema. Ahora vamos 
a desarrollar el paradigma orientado a eventos, en el que tanto 
la estructura como la ejecución están determinadas por los sucesos 
provocados por los usuarios o por comportamientos desencadenados 
que ocurren en el sistema. 
En la programación orientada a eventos el 


EN LA POE EL comportamiento del usuario determina el flujo del 
COMPORTAMIENTO sistema, por lo que los programadores debemos 
definir los eventos que manejará el desarrollo y 
DEL USUARIO las acciones que se llevarán a cabo cuando esto 
DETERMINA EL suceda. Esto debe ser implementado mediante 


un manejador de eventos. 
FLUJO DEL SISTEMA Cuando se inicia el sistema, el manejador de 
eventos es inicializado y queda a la espera de que 


ocurra algún evento para poder atenderlo 
y realizar las acciones correspondientes. 


Comúnmente, esta programación está basada en la interacción 





del usuario con la interfaz del sistema, aunque también pueden 
emplearse componentes que se comuniquen entre sí, lo que genera 
hilos de ejecución concurrentes que ejecutan rutinas independientes. 
A los eventos producidos por los usuarios como, por ejemplo, la 
introducción de texto, se los denomina externos. A los eventos 
producidos por el sistema se los denomina internos, como por 
ejemplo el vencimiento de un temporizador. 

Entre los lenguajes que manejan eventos se encuentra JavaScript, 
que será el objeto de nuestro estudio. En los siguientes capítulos de 


esta obra nos encargaremos de mencionar el uso de la tecnología 


LEE 





[III li INS No: 


En la actualidad es casi imposible no tener que recurrir a documentación de tecnología en inglés y más aún 


para lenguajes de programación, ya que están escritos en este idioma. Una buena idea es recurrir a Duo- 
lingo, una plataforma de aprendizaje interactiva totalmente gratuita, donde se combinan texto, imágenes, 


audio y voz. Para conocer más y empezar a practicar podemos acceder a: http://duolingo.com/es. 
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Node.js, que nos permitirá no solo proceder a realizar el manejo de 
eventos sino también interactuar con los usuarios y componentes del 
sistema en tiempo real. 


Hora Actual: Tue Mar 05 2013 12:37:03 GMT-0300 (Argentina Standard Time) 





Figura 6. Gracias a JavaScript es posible manejar eventos 
que ocurren en el navegador respondiendo a acciones de los usuarios. 


a AU 


Hemos aprendido algunas de los paradigmas de desarrollo de sistemas más utilizados, los cuales tienen 





ventajas y desventajas frente a otros, si bien cada uno debe emplearse para una situación en particular. 
El paradigma por excelencia es el de programación orientada a objetos, que brinda un marco de 
desarrollo ordenado y eficiente para desarrollos grandes. Para terminar, vimos una pequeña introducción 


al paradigma orientado a eventos, que nos servirá para entender conceptos que veremos luego. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


1 ¿Un paradigma de desarrollo es un lenguaje de programación? 

2 ¿Qué significa el paradigma POO? 

3 ¿Podemos utilizar PHP con el paradigma de programación imperativa? 

A ¿Cómo utilizan las bases de datos relacionales el paradigma declarativo? 

5 ¿Es posible implementar la programación estructurada en PHP? 

6 ¿Qué es FLOWS3? ¿Está relacionado a PHP y al paradigma orientado a aspectos? 

Y ¿JavaScript es un lenguaje orientado a eventos? 

8 ¿Qué determina el flujo del sistema? 

9 ¿Qué es el manejador de eventos de un sistema? 

10 ¿Con el paradigma orientado a eventos es posible implementar un sistema de 

tiempo real? 
EJERCICIOS PRÁCTICOS 


] Cree una clase llamada “persona” en PHP. 
2 
3 
4 
9 


7 SANTA 


Investigue el significado de MVC y cómo lo implementa FLOWS3. 
Implemente un manejador de eventos que capture la entrada de texto. 
En el manejador implemente una llamada Ajax para mostrar en un contenedor. 


Investigue de qué manera ¡Query implementa el manejador de eventos. 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorWredusers.com 
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Node.js 


Conoceremos Node.js, las soluciones que ofrece y cuándo 
implementarlo. Analizaremos sus características principales 
para entender las diferencias que existen con servidores web 
como Apache. También veremos las ventajas de usarlo en 
lugar de Ajax. Por último, aprenderemos a instalarlo y a crear 


nuestro primer sistema en Node.js. 
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y Apache .nnssnnnnnnnnnnnnnnnnnnnnnnnnnnnn 185 en Linux, Mac y Windows ...... 195 
v Ajax versus Comet... 186 v Primeros pasos con Node......202 
v Cuándo usar Node ................. 188 AA 207 
v Cuándo no usar Node ............ 189 v ActividadeS..oomccnccnnonmmaneranors 208 


AA 


182 USERS 6. NODE.JS 


sl Node.js 


La mayoría de los desarrolladores web conocemos JavaScript 
y las ventajas que ofrece para el desarrollo de sistemas. Con 
implementaciones como Ajax y librerías como jQuery, JavaScript se 
transformó en el lenguaje por excelencia para interactuar del lado del 
cliente con los elementos HTML. Si, hasta ahora, lo hemos visto siempre 
funcionar dentro del contexto de un navegador, de aquí en más vamos 
a introducir un nuevo concepto que lleva su potencial a otro nivel. 
Node.js es una plataforma de programación orientada a eventos, que 
se ejecuta del lado del servidor y está implementada en V8 (el motor 
de JavaScript creado por Google e implementado en su navegador 
Chrome). Fue creada por Ryan Dahl en 2009, mientras buscaba la 
manera de implementar un lenguaje orientado a eventos en la Web. 
Node.js permite crear aplicaciones distribuidas altamente escalables, 
como servidores web que requieren un muy buen rendimiento o 
sistemas de tiempo real que precisan manejar miles de solicitudes 
simultáneas en un solo servidor de manera asincrónica. 
En adelante, por una cuestión de comodidad, nos referiremos 
a Node.js solo con el término Node. 





MES 

| | e nodeys 
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Transloadit 


Figura 1. Podemos acceder al sitio oficial de Node.js 
mediante el siguiente enlace: http: //nodejs.org. 
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Soluciones 


Como sabemos, uno de los principales factores que influyen en el 
rendimiento de los sistemas web es la disponibilidad del hardware. 
El gran problema de los sistemas desarrollados con PHP o Java es 
que por cada conexión con el servidor se genera un nuevo hilo que 
tiene asignado un espacio de memoria, lo que presenta un límite 
máximo de conexiones que depende en forma 
directa de la cantidad de memoria instalada. 


En estos sistemas, para responder a todas LA DISPONIBILIDAD 
las solicitudes de manera óptima, es necesario DE HARDWARE 
agregar más memoria al servidor o replicarlo 
horizontalmente a medida que aumenta el número INFLUYE EN EL 
de usuarios. Esto genera costos a nivel operativo y RENDIMIENTO DE LOS 
de disponibilidad, ya que los recursos compartidos 
deben estar replicados en todos los servidores. SISTEMAS WEB 


Node resuelve este problema cambiando la 
manera en que se realizan las conexiones con el y 
servidor, porque cada conexión dispara un evento dentro de su proceso 
central. Y, por definición, no permite bloqueos de entrada/salida al 


tiempo que afirma que en un servidor se pueden ejecutar millones 
de conexiones de manera simultánea. 


Caracteristicas 


Utiliza un ciclo de eventos en lugar de hilos. 

e Un servidor Node puede escalar a millones de conexiones simultáneas. 

e Las operaciones de entrada/salida son asincrónicas, permitiendo que 
el servidor pueda seguir atendiendo solicitudes de entrada mientras 
otras operaciones de entrada/salida se están llevando a cabo. 

e Es multiplataforma: actualmente se puede instalar en Mac OS, 
Linux, Windows y SunoOS. 

e Soporta los protocolos TCP, DNS, HTTP, TLS y SSL. Además, 
soporta SPDY', que ha sido desarrollado principalmente por Google 
e intenta modernizar el protocolo HTTP aportando un rendimiento 
superior de aproximadamente 60%. 

e Puede mantener tantas conexiones como el número máximo de sockets 
soportados por el sistema. En Unix, este límite ronda las 65.000. 

e Posee un rendimiento excelente. 
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Funcionamiento 


V8 es el motor JavaScript creado por Google para su navegador 
Chrome, el cual interpreta código JavaScript y lo ejecuta. Este motor 
está escrito en C++ y se caracteriza por su velocidad extrema. 

Cuando descargamos y posteriormente utilizamos Node, estamos 
ejecutando el motor V8 en un contexto diferente al navegador, que 
nos permite incorporarlo a cualquier sistema que desarrollemos y 
manejarlo a través de eventos. 

A continuación, vemos un ejemplo de cómo manejar eventos del 
lado del cliente mediante el uso de la librería jQuery: 


$(“#btnEnviar” ).click(function(){ 
if($(“#clave”).valO != HC 'HclaveConfirm”).valO) 
alert(“Atención: La clave y su confirmación deben ser iguales”); 
D 


Pensar en eventos del lado del servidor puede resultar un poco 
extraño, ya que en este contexto no ejecutamos eventos onClick en un 
botón o MouseOver en un enlace, sino que somos los programadores 
quienes debemos definir cuáles son los eventos y las acciones que se 
ejecutarán cuando este ocurra. 

En un servidor Node se ve cada proceso como un único hilo que 
responde a todas las peticiones que recibe. En este contexto, todo 
está contenido en un solo ciclo de eventos y no es necesario que 
nos preocupemos por la cantidad de memoria disponible. Debemos 
tener en cuenta que esto disminuye considerablemente el tiempo de 
desarrollo y de resolución de bugs. 


N TS AINA a ENIFA 





JS Bin (http://jsbin.com) es una herramienta para crear código HTML, CSS y JS y probarlo en la misma 
interfaz. Es posible visualizar una consola para depurar código de manera fácil y dispone de una sección 
para ver el resultado. Brinda la posibilidad de agregar librerías como jQuery y pre procesadores CSS, 


como Stylus, entre otros. Permite compartir el código con otros desarrolladores. 
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Diferencias entre 
Node y Apache 


En servidores web como Apache, por cada conexión se genera un 
nuevo hilo. Esto es útil si la cantidad de conexiones no crece demasiado, 
pero con la creación de nuevos hilos y el cambio de contexto se genera un 
costo de rendimiento asociado. En la Figura 2 vemos una comparación 
de rendimiento entre Apache y Node con conexiones simultáneas. 
Podemos observar la diferencia a partir de cuatrocientas conexiones 
concurrentes: por un lado, Apache tarda considerablemente en atender 
las solicitudes, mientras que Node se mantiene casi sin cambios. 


N 
© 


Segundos 
e pe 
o Y 


—_____——————á— — A 


O 0 


100 200 400 800 
Concurrencia 
—— Apache PHP 
—— Node.js 


Figura 2. El gráfico muestra la diferencia que existe 
entre Node y Apache para el manejo de conexiones múltiples. 


Un aspecto importante de Node es que posee 


la capacidad de mantener múltiples conexiones NODE ES CAPAZ 
abiertas y en espera, a diferencia de Apache DE MANTENER 
que establece un máximo por defecto de 256 

conexiones mediante el parámetro MaxClients. VARIAS CONEXIONES 
Este parámetro puede ser modificado para ABIERTAS Y EN 


incrementar su número, pero para sistemas web 
dinámicos (por ejemplo con PHP) es probable que ESPERA 
al establecer un valor alto el servidor no pueda 


atender a todas las solicitudes y se bloquee. 
Debido a que un sistema Node utiliza un solo hilo, en caso de 


que exista alguna operación bloqueante el sistema creará de manera 
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automática otro hilo en segundo plano, de manera tal que ninguna 
operación detenga el flujo normal de ejecución. 

En la actualidad, conocemos lenguajes como PHP que, para 
funcionar, dependen de un servidor web como Apache. Es aquí donde 
Node ofrece una gran diferencia en comparación con otras alternativas, 
ya que permite crear un servidor web casi para cualquier puerto que le 
indiquemos y sin depender de ningún otro servicio. 


SN Ajax versus Comet 


Hace unos años el funcionamiento de las páginas web era básico: 
cuando el navegador realizaba una petición, se conectaba por HTTP 
al servidor, que realizaba alguna operación, devolvía un resultado y 
finalizaba la conexión. La desventaja de este procedimiento estaba 
en que, para actualizar los datos del cliente, era 
necesario recargar la página generando una nueva 


AJAX PERMITE solicitud al servidor (que generaba consumo de 
AL NAVEGADOR ancho de banda y desperdicio de tiempo). 
Recientemente se introdujo la técnica Ajax 
SOLICITAR UN (que significa JavaScript Asincrónico y XML), 
FRAGMENTO DE que permite al navegador solicitar solo un 
, fragmento de información al servidor, reduciendo 
INFORMACION de manera significativa tanto el tiempo de 


respuesta como el ancho de banda empleado. 

Si bien Ajax introdujo un gran avance en el 
desarrollo de sistemas web, existen algunos casos en los cuales su uso 
no es una buena práctica, como por ejemplo, en sistemas de mensajes 


LEE 





DN 35 TIPS PARA EL DISEÑO DE LOGOS 


Si hemos tenido la idea de fundar una empresa, crear algún producto o diseñar una imagen corporativa 


para nuestros clientes, puede que nos hayamos encontrado con la difícil tarea de diseñar el logo. El sitio 
Creative Bloq ha publicado 35 tips para tener en cuenta al trabajar sobre la imagen que necesitamos 


crear. Podemos verlos en: http://creativebloq.com/graphic-design/pro-guide-logo-design-21221. 
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instantáneos o chat. En estos, para actualizar los mensajes o el estado 
de un usuario, es necesario que el navegador envíe al servidor una 
solicitud nueva cada cierto tiempo, para pedir los cambios que hayan 
ocurrido, generando un consumo elevado de ancho de banda y tiempos 
de ocio entre evento y solicitud. 


Comparación de rendimiento 


En Ajax el cliente realiza una petición cada cierto tiempo y 
el servidor responde. Puede ocurrir que justo después de que el 
servidor haya enviado una respuesta vacía (porque no hubo cambios) 
se produzca un evento y el servidor esté a la espera de la próxima 
petición del cliente para devolver este cambio. Este sistema es muy 
deficiente para modelos de tiempo real, ya que existen períodos 
ociosos y elevado ancho de banda con posibilidad de respuestas vacías. 

En el modelo Comet con long-polling, el cliente realiza una petición 
y deja abierta la conexión hasta que se produzca un evento en el 
servidor. Cuando esto ocurre el servidor envía de forma inmediata la 
respuesta y cierra la conexión. Luego, cuando transcurre el tiempo que 
ha sido establecido para que el cliente realice la siguiente petición, se 
vuelve a repetir el proceso correspondiente. 


Comet 


Ajax Comet 
(con long-polling) (con websockets) 







Petición 


Petición Petición 


Respuesta 
vacía 









Evento Respuesta |Evento Respuesta | Evento 
Petición 
Respuesta 

Evento Respuesta |Evento Respuesta | Evento 


Figura 3. Ajax resuelve la mayoría de los problemas de interacción 
cliente/servidor pero, para ciertos casos, Comet es más apropiado. 
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Por último, en el modelo Comet con Websockets, el cliente abre 
una conexión y realiza una petición al servidor. Del lado del servidor, a 
medida que ocurren los eventos, los envía al cliente, ya que la conexión 
permanece abierta. Es el modelo óptimo para sistemas de tiempo real. 
Es importante aclarar que Node usa conexiones de tipo Comet, 
O sea persistentes, que permiten la comunicación bidireccional 
entre el cliente y el servidor. Así, el servidor puede comunicarse 
asincrónicamente con el cliente sin crear nuevas conexiones. 





Cuándo usar Node 


Node es excelente para el desarrollo de sistemas en tiempo real y de 
juegos en línea. Cuando necesitamos crear un cliente de correo que nos 
mantenga constantemente actualizados (por ejemplo, con mensajes 
entrantes en la bandeja de entrada), es la mejor alternativa. Es muy útil 
para el desarrollo de herramientas de colaboración. 

Otra aplicación muy usada es la construcción de redes sociales, 
debido a que en estos sistemas existe una gran demanda de interacción 
cliente/servidor. Es ideal para sistemas de traducción en tiempo real. 


SIMPLE CIAJj 


pepe: Hola.... 

juan: hola pepe 

pepe: como estas juan? 

juan: todo bien, vos? 

pepe: todo bien, aprendiendo Node.js!!!! 
juan: Genial! 


Your Name [pepe 





Figura 4. Un uso muy común de Node se encuentra 
en los sistemas de chat, ya que debe manejar los mensajes en tiempo real. 
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Cuándo no usar Node 


Node posee un potencial extremo para desarrollos de sistemas 
que requieren un gran rendimiento y podemos decir que casi no 
tiene puntos en contra, ya que no existen condiciones reales que lo 
hagan poco recomendable para algún tipo de desarrollo. Sin embargo, 
siempre debemos usar la herramienta que mejor se adapta a nuestras 
necesidades. Por ejemplo, es una buena práctica, antes de implementar 
Node, evaluar las siguientes condiciones: 


e Tiempos de respuesta 
e Cantidad de usuarios concurrentes que habrá 


e Revisar el nivel de interacción de tiempo real DEBEMOS 
que se va a necesitar en el proyecto EVALUAR ALGUNAS 

e Magnitud del sistema 

e Relación costo-beneficio de otras tecnologías CONDICIONES ANTES 
similares, si existen DE IMPLEMENTAR 
Una vez que hayamos evaluado las cuestiones NODE 


anteriores estaremos en condiciones de definir si 


Node es la mejor solución a implementar. y y 


Ventajas del uso de Node 


Las ventajas de Node que veremos a continuación se encuentran 





a nivel desarrollador ya que, por lo analizado hasta el momento, son 
claros las beneficios para los usuarios finales en cuanto al rendimiento. 


e La utilización de Node es comparable a trabajar con Apache sin 
tener módulos extra; para cada requerimiento podemos instalar solo 
los módulos necesarios y sin agregados que nunca usaremos. 

e Un aspecto que muchos consideran ventaja es que Node nos permite 
entender la forma de manejar las solicitudes HTTP y de diferentes 
protocolos, a diferencia de Apache, que realiza esta acción de 
manera invisible para el programador. 
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e Debido a que existen cientos de módulos ya desarrollados, 
estamos en contacto de manera continua con código de otros 
programadores, de los cuales aprendemos a escribir código 
ordenado y estandarizado. 

e Node abre el espectro acerca del manejo de eventos del lado del 
servidor, de la misma manera en que estamos acostumbrados al 
manejo del lado del cliente. 

e Node es JavaScript. Esto es sumamente importante, ya que 
la mayoría de los programadores web conocen este lenguaje 
y la curva de aprendizaje es mucho menor que al tener que 
aprender un lenguaje nuevo. 

e Como desarrolladores tenemos que usar un solo lenguaje, tanto 
para el front-end como para el back-end. Es decir, un sistema 
podría estar desarrollado integramente con HTML5, jQuery 
(JavaScript), CSS3 o Node (JavaScript), y utilizar a Node para la 
comunicación con la base de datos, la gestión de archivos y la 
administración de plantillas. 





Empresas que utilizan Node 


Tengamos en cuenta que cada vez son más las empresas que 
utilizan Node para diferentes implementaciones. Muchas han 
reemplazado funcionalidades en sus sitios de producción y otras 
todavía están en el proceso de cambio. Una de las que primero han 
optado por Node es LinkedIn, la plataforma de contacto profesional 
que más ha evolucionado en estos últimos años. 


CHROME DEVELOPER TOOL 





La mejor herramienta para depuración de código HTML, CSS y JS es Chrome Developer Tool, que 
ofrece toda la información necesaria para depurar y observar el comportamiento de un sitio: frames, da- 
tos almacenados en local store, variables de sesión, cookies y caché. Para acceder a ella, presionamos 
F12 en el navegador Chrome. Para más información podemos ingresar al sitio que se encuentra en la 


dirección web https://developers.google.com/chrome-developer-tools. 
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VE : 2 SSW 2013 SIMCITY PLAYSTATION 4 MARDSA MAYLR MODILE SUMMIT 2013 


When it comes to monitoring your mobile apps Create Your 
sibility is a game changer. LoL E 


EERIE TÀ o i deys ag 
L 
STARR iii EE n LE 
A A 7 logos that should have been OE 
crowdsourced smartphone dominance 





2. Exclusive: How Linkedin used Node.js and 
ss»  HTMLS5 to build a better, faster app 


P a 


A EACLE ERT 
your mobile apps -visibility 


MR 





joe 'Deb 


VentureBeat 
n" De is ga) e aise y O) Mobile Summit 
i at P 30 hours. 180 executives 7 key issues in mobile 


Figura 5. En http: //venturebeat.com/2011/ 
08/16/1inkedin-node encontramos una nota sobre cómo 
Linkedln implementó Node para ofrecer un mejor servicio. 


Microsoft es otra de las empresas que ofrecen una implementación 
de desarrollo utilizando Node, mediante su plataforma de servicios en 
la nube llamada Windows Azure. 


A Q rom 





HOM PHONG DOCUMIHTATION O ANA 5TOF COIE TY SUPPORT AOOIMINT 


overview services» developer centers » 


Create your first K 
Node.js app 
dE Deploy in seconds ining G 


git commit -m "My first Node app" 
EAN EAEL 





learn more E 





Tutorials and Resources Reference Docs 


Blob Seret / REST 
COM 
S — 
o, DB e 
Sania Da Cue FEST 


Figura 6. Podemos probar Windows Azure en 
https: //windowsazure.com/en-us/develop/nodejs. 
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Yahoo ha estado trabajando intensamente en la implementación 
de tecnologías tales como HTML5, Node, CSS3 y también JavaScript, 
entre otras, para crear diferentes productos. Entre estos se encuentran 
Mojito, un framework para aplicaciones web en JavaScript, y 
Manhattan, un entorno de alojamiento para Mojito desarrollado 
con JavaScript del lado del servidor. 


YAHOO! META Civeloper Sobra AFP A Tools Comemnundy ] NE a Sn ln 
ON Blog RSS Videos Everts YON on Twmi 
Yahoo! Announces Cocktails — Shaken, Not RECENT POSTS 
Stirred ibara, Learn. iros! 
b Bront FemaniezARui gghHyToi A, 
hobie Gadir. MOS Ted ind Sora 
di Comrata q Bocina PI CA T What's bellas Tas a graat apg? Dorina af 
rial apra! 
Developer. bme lo pase cul rahoo! has bean wik befend [he scenes do he pel ieveral Thè Misio Taam Reportá on Wide 2011 


months on an exc ng nee dec hnology thai we think wii dorpi impari he web developer 
community We ca d Caka aña (04 he bechñdlogy prrering Lreitand, which we launched 
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Figura 7. Podemos conocer más de los proyectos de Yahoo en: 
http: //developer.yahoo.com/blogs/ydn/posts/2011/11/ 
yahoo-announces-cockta1ls-%E2%80%93-shaken-not-stirred. 


A fines del año 2011, en el blog de la empresa eBay anunciaron 
los cambios que habían realizado para mejorar su disponibilidad. 
Entre ellos, informaron que habían elegido Node después de haber 
considerado los factores que mencionamos a continuación: 


N MD5 EN JAVASCRIPT 





Los sistemas web utilizan algoritmos de encriptación como SHA1 o MD5 para mantener las contraseñas 
en la base de datos, y este proceso se realiza del lado del servidor. Una buena idea es encriptar la clave 
del lado del cliente antes de enviarla, para agregar un nivel de seguridad a los sistemas. Para implementar 
MD5 podemos usar la librería creada por Paul Johnston (http://pajhome.org.uk/crypt/md5). 
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e Fs una alternativa escalable y ofrece un 


increíble rendimiento para hacer frente NODE ES ESCALABLE 

a grandes cargas de entrada/salida. Y POSEE UN 
e Su operatividad permite realizar la detección 

de fallas y posteriormente ofrecer soluciones EFICIENTE SISTEMA 

rápidas cuando se producen errores. DE DETECCIÓN 


e La demanda de memoria es muy baja, teniendo 
en cuenta la gran cantidad de conexiones DE FALLAS 
simultáneas que se manejan. 
e Su ecosistema, que se encuentra basado en el 
lenguaje JavaScript, provee las herramientas que necesitamos para 
construir sistemas que presentan una gran complejidad, como por 
ejemplo un sitio de ventas en línea. 


Luego de realizar algunos análisis de rendimiento sobre JavaScript 
y Node, teniendo en cuenta las características mencionadas, la 
empresa eBay se encargó de destacar la siguiente información: “Se ha 
configurado un servidor con Ubuntu, el cual maneja más de 120.000 
conexiones activas por proceso, donde cada uno de estos procesos solo 
consume alrededor de 2Kb de memoria”. 


Deploying on the tront end 


Our choice of Javascript and node.js for building ql.io provides an additional deployment option: 
front-end applications built on node.js can use ql.io programmatically. 


App ql.io + node.js API API API 
(API client) front end Server-1 Server-2 Server-3 


Why node.js 


Early on, one of the critical choices that we had to make was the software stack. We had two 
choices: Should we go with the proven Java stack that has full operational support within 
eBay? Or should we choose a stack like node.js with its excellent support for async I/O, but 
which was not yet proven when we started the project? Moreover, very few companies had 
operational experience with node.js. This was not an easy choice to make. In our deliberations, 
we considered the following systemic qualities, in their order of importance: 


a Performance and scalability for I/O workloads. Of workloads performed during script 
execution, a significant percentage is I/O bound. CPU loads are limited to in-memory tasks 


Figura 8. En el blog de eBay podemos conocer 
más sobre la implementación de Node en su plataforma: http :// 
ebaytechblog.com/2011/11/30/announcing-q1l-10. 
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Otra empresa que utiliza Node, pero de una manera fuera de lo 
común, es Nodejitsu, una plataforma de alojamiento de proyectos 
del tipo PaaS (Platform as a Service o plataforma como servicio) que 
alberga sistemas desarrollados con Node y permite probarlos en línea. 
Entre sus características más importantes se encuentran: 


Es 100% de código abierto. 
Se integra con Github, soporta websockets y módulos extras. 
Implementa Node en todas sus operaciones. 


Es posible realizar la instalación de las dependencias utilizando 

el gestor de paquetes de Node. 

Provee acceso al repositorio de módulos propios en GitHub. 

e No es necesario hacer ningún cambio en los desarrollos para subir 


los archivos al servidor. 
e Provee soporte y ofrece MongoDB, Redis y CouchDB, para que 
podamos utilizar en nuestros proyectos. 








| © Nodes hosting. doud products and ser... | + l oo 
€ > A a hpn modejitsucom C R- cose 
Ó Disable A Cookies Z CSS- C] Forms- D Images UY Information” El Miscellaneous” 4 Outlimer J Resizer Y” Toots ME View Source" A Options" 


año nodejitsu CLOUD ENTERPRISE DOCS SUPPORT COMPANY â LOGIN 


The simplest, most reliable and intelligent Node.js hosting platform 


25.000 l million 


SIGN UP FOR FREE 





Enterprise-ready Node.j¡s clouds 


Free for Open Source Continuous Deployment WebSockets 


se 





Figura 9. Nodej1tsu provee una versión gratuita de la plataforma, 
por 30 días. Podemos acceder a ella desde www. node31tsu. com. 


Por último, en el sitio web de Node, podemos observar una sección 
que detalla algunas de las empresas que utilizan esta herramienta, 
como Local response, UBER, The Node Frim, Iris Couch, Storify 
y Transloadit, entre las más importantes. 
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instalación de Node en 
Linux, Mac y Windows 


La instalación de Node es una tarea muy sencilla. Esta aplicación se 
encuentra disponible para sistemas Windows, Linux y Mac y, además, 
es posible instalarla en sistemas operativos POSIX, como Solaris y BSD. 
Podemos obtenerla desde dos fuentes principales: el sitio oficial, 
http://nodejs.org, o su repositorio en GitHub, http://github.com/ 
joyent/node. A continuación, vamos a describir cómo instalarla en los 
tres sistemas operativos más comunes. 


Instalación en Linux 
(distribución Ubuntu) 


La manera más sencilla, pero no recomendada, de instalar Node 
en Ubuntu es ejecutar el siguiente comando en una terminal: 


sudo apt-get install nodejs 


Decimos que este es un procedimiento no recomendado porque el 
centro de software no siempre está actualizado con la última versión. 

A continuación, instalaremos en Ubuntu la versión 0.10.0 de Node, 
de la manera recomendada. Para comenzar, ejecutamos el siguiente 
comando para instalar los prerrequisitos: 


sudo apt-get install python-software-properties python g++ make 


X. PARSER JSON 





El sitio Json Parser Online ofrece una herramienta muy útil para generar estructuras JSON. 
Para utilizarlo, solo debemos acceder al enlace http://json.parser.online.fr y, en el cuadro de la iz- 
quierda, escribir o pegar nuestra estructura. 


Automáticamente mostrará la estructura de una manera más amigable. 
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Luego, agregamos el repositorio que contiene la última versión 
mediante el siguiente comando: 


sudo add-apt-repository ppa:chris-lea/node.js 

Seguidamente, actualizamos el sistema: 

sudo apt-get update 

Por último, instalamos Node: 

sudo apt-get install nodejs 

Una vez que tenemos instalado Node, podemos verificar que todo 
haya salido bien ejecutando el siguiente comando, que nos devolverá 
la versión instalada: 

node -v 

El comando anterior debería devolvernos v0.10.0. 


Instalación en Mac 


En Mac el proceso de instalación también es muy sencillo. Antes 
de comenzar necesitamos tener instalado Xcode y Git. Luego, en una 
terminal, ejecutamos los siguientes comandos: 


git clone git://github.com/ry/node.git 
cd node 

configure 

make 

sudo make install 


Con este procedimiento hemos clonado el repositorio Node de 
GitHub para después instalarlo. Una alternativa es instalarlo a través 
del paquete de instalación propio de Mac, que puede descargarse desde 
el enlace http://nodejs.org/download. 
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Una vez que tenemos instalado Node, podemos 


verificar la instalación ejecutando el siguiente NODE -V NOS 
a PERMITE REALIZAR 
node -v LA VERIFICACIÓN DE 


LA INSTALACIÓN 


Con el comando anterior veremos la versión 
que hemos instalado. DE NODE 


Instalación en Windows y” 


Vamos a describir cómo instalar Node en Windows de la manera 
tradicional, es decir, mediante el paquete de instalación específico 


para este sistema operativo. 


PAP: INSTALACIÓN DE NODE EN WINDOWS 





0 1 Diríjase a http://nodejs.org y haga clic en el enlace INSTALL. Se abrirá una 
ventana para descargar el instalador correspondiente a su arquitectura, de 32 o 64 
bits. Luego, pulse el botón Guardar archivo. 


Abriendo node-v0.10.0-64.msi 
Ha elegido abrir: 
¡3! node-w0.10.0-x64.msi 
que es de tipo: Windows Installer Package (5,2 MB) 


de: http://nodejs.org 


¿Le gustaría guardar este archivo? 
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» 


02 Una vez que haya descargado el instalador, diríjase al directorio y ejecute 
el archivo. Si aparece una ventana de seguridad, haga clic en Ejecutar. 


 ECidescargas ¡node-v0,10.0-64.msi 
or Joyent Inc 
ipo: Paquete de Windows Installer 

: Ciádescargas node-v0,10.0-64.msi 


Ejecutar 


Preguntar siempre antes de abrir este 
archivo 


-Ti l Aunque los archivos procedentes de Intemet pueden ser Útiles, este 
Y tipo de archivo puede llegar a dañar el equipo. Sólo ejecute 
E software de los editores en los que confía. ¿Cuál es el mesgo ? 








03 Al ejecutar el instalador, la primera ventana que verá es la de bienvenida. 
Continúe con el próximo paso de la instalación haciendo clic en Next. 


Welcome to the Node.js Setup Wizard 


The Setup Wizard will install Node.js on your computer. Click 
Next to continue or Cancel to exit the Setup Wizard. 
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04 A continuación aparecerá la ventana de licencia. Haga clic en la casilla 
de verificación para aceptar las condiciones y presione el botón Next. 


Node's license follows: 


Copyright Joyent, Inc. and other Node contributors. All rights 
reserved. Permission is hereby granted, free of charge, to any person 
obtaining a copy of this software and associated documentation files 
(the "Software”), to deal in the Software without restriction, including 
without limitation the rights to use, copy, modify, merge, publish, 


distribute, sublicense, and/or sell copies of the Software, and to 
permit persons to whom the Software is furnished to do so, subject 


to the follmsina eanditinn<: 





[Y] I accept the terms in the License Agreement 


eme] [bx Jà net } ( canei |) 





05 Luego verá la dirección por defecto donde se instalará Node. Puede cambiar 
de directorio haciendo clic en el botón Change. Luego presione el botón Next. 


Destination Folder 
Choose a custom location or dick Next to install 


Install Node.js to: 


[EsiProgram FlesIpodejs | 
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» 


0 c Seleccione las opciones de instalación. Es recomendable que active todas las 
que aparecen disponibles. Haga clic en el botón Next. 





Install the core Node.js runtime 
(node.exe). 


This feature requires 6353KB on 
your hard drive. Ithas 2 of 2 
subfeatures selected. The 
subfeatures require 16KB on your 
hard drive. 














Browse... 


[bak J[_ mex )[ canci | 








0 / En la siguiente pantalla iniciará el proceso de instalación. Para continuar con 
el procedimiento haga clic en el botón Install. 


Click Install to begin the installation. Click Back to review or change any of your 
installation settings. Click Cancel to exit the wizard. 
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08 Verá una pantalla que indicará el estado de la instalación mediante una barra 
de progreso. Espere a que finalice el proceso. 


Please wait while the Setup Wizard installs Node.js. 


Copying new files 
a _ _ _—___ ________—__—_—_— _——cFccc_OOO—__—_——Á_ 








09 Por último, verá la pantalla que indica que Node se ha instalado de manera 
satisfactoria. Haga clic en el botón F1n1sh para cerrar la pantalla. 


to) a ésa 
Completed the Node.js Setup Wizard 


Click the Finish button to exit the Setup Wizard. 


Node.js has been succesfully installed. 
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Ahora que tenemos instalado Node, podemos verificar su versión 
abriendo una ventana de comandos y escribiendo node -v o el comando 
node -h para ver la lista de opciones disponibles. 


EN Administrador: cmd.exe - Acceso directo [oO [mem] 


C:\Windows NS ystem32>node -u 
A ss] 


CiWWindowsWSystem32>node -h 
Usage: node [options] [ -e script | script.js 1 [arguments |] 
node debug script.js [arguments ] 


Options: 

» ——version print node’s version 

» ——eval script evaluate script 

» ——print evaluate script and print result 

» ——interactive always enter the REPL even if stdin 

does not appear to be a terminal 

—-no-deprecation silence deprecation warnings 
—-trace-deprecation show stack traces on deprecations 
——v8-—opt ions print v8 command line options 
—-max-stack-size=val set max v8 stack size bytes? 


Environment variables: 

A MS TES E 
prefixed to the module search path. 

NODE_MODULE_CONTEXTS Set to 1 to load modules in their own 
global contexts. 

NODE_DISABLE_COLORS Set to 1 to disable colors in the REPL 


Documentation can be found at http://nodejs.org/ 


ANEO RANEA ED 





Figura 10. Mediante la herramienta cmd . exe 
de Windows podemos ejecutar cualquier comando de Node. 





Primeros pasos con Node 


Como hemos visto, Node nos permite ejecutar instrucciones como 
cualquier otro entorno de desarrollo. Directamente desde la consola, 
podemos ejecutar código utilizando Node REPL (Read-Evaluate-Print- 
Loop), que lee, evalúa e imprime un resultado. 


> .help 

«break Sometimes you get stuck, this gets you out 

«Clear Alias for .break 

.exit Exit the repl 

«help Show repl options 

.load Load JS from a file into the REPL session 

.save Save all evaluated commands in this REPL session to a file 
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En la Tabla 1 vemos las opciones que dispone REPL: 





OPCIONES DE REPL 

yw COMANDO AA del 

break Sirve para salir del bloque actual 

.Clear Es un alias para .break 

.exit Sale de REPL 

-help Muestra las opciones que ofrece REPL 

«load Carga un archivo JavaScript a la sesión REPL 

.save Guarda en un archivo todos los comandos evaluados en la sesión actual de REPL 


el 
Tabla 1. Comandos disponibles en REPL. 


A continuación vamos a realizar algunos ejemplos para ir 
familiarizándonos con Node y su entorno. Es necesario tener en cuenta 
que, para ejecutar estos ejemplos, trabajaremos directamente en una 
consola. En el caso de Linux o Mac tenemos que abrir una terminal 
y, en el caso de Windows, debemos abrir una ventana de comandos. 

Ahora vamos a ejecutar todos nuestros ejemplos en el sistema 
operativo Windows. El primero consiste simplemente en crear varias 
condiciones que Node evaluará, a partir de lo cual generará un 
resultado. Para esto escribimos lo siguiente: 


R LEE 
MAS ES 


Muchas veces es necesario imprimir valores para depurar el código JavaScript mediante el comando 





console.log(). Una curiosidad interesante es la posibilidad de poder formatear el mensaje impreso: por 
ejemplo, podemos ejecutar console.log('“Yomensaje”/color:red”), que va a imprimir el texto en color rojo. 


También es posible asignarle un color de fondo y cambiar el tamaño de la fuente. 
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> 100 > 99 
> true 
ZUe == 
> true 
> (rue === 1 
> false 
En el ejemplo que vimos anteriormente, 
PODEMOS CREAR primero nos encargamos de evaluar si 100 es 
VARIABLES mayor que 99; luego, evaluamos si true es igual a 
l y, por último, comparamos si true es igual y del 
PARA LUEGO mismo tipo que 1. 
UTILIZARLAS En el próximo ejemplo realizaremos la 
, creación de la variable denominada usuario, 
EN EL CODIGO luego le asignaremos un valor determinado y, 


para terminar, lo mostraremos en la consola de 
comandos junto a un mensaje de bienvenida: 





er 





> usuario = ‘Carlos Alberto’ 

‘Carlos Alberto’ 

> console.log( ‘Bienvenido ` + usuario) 
Bienvenido Carlos Alberto 


Como vemos, es posible realizar la creación de variables 
y posteriormente utilizarlas en el desarrollo del código. 

Ahora veremos un caso un poco más complejo que los anteriores, 
pero que aun así no deja de ser muy simple. Primero, definimos 


LA NUBE TRANSFORMARÁ EL MERCADO 





Cada vez más las compañías están apostando a la suscripción de software y al almacenamiento en la 


nube. IDC (International Data Corporation) estima que, para el año 2016, el 60% del mercado de trabajo 
se albergará en la nube mediante el software como servicio SaaS. Esto implicará un rediseño de los tipos 


de productos y de la manera en que se ofrecen. 
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una variable llamada usuario, que es un objeto que contiene los 
atributos nombre y apellido. Luego, establecemos una función llamada 
saludo, que va a tener como parámetro usr, que contendrá el objeto 
creado anteriormente. En el cuerpo de la función nos encargamos 
de concatenar una cadena con los atributos del usuario. Por último, 
ejecutamos saludo(usuario) para ver el resultado. 


> usuario = inombre:'Alberto”, apellido:*Benitez”; 

{ nombre: ‘Alberto’, apellido: ‘Benitez’ } 

> saludo = function(usr){ 

A return ‘Bienvenido ` + usr.nombre +*,* + usr.apellido; 


[Function] 


> saludo(usuario) 
‘Bienvenido Alberto, Benitez” 


En el próximo ejemplo crearemos un servidor 


web simple, que estará escrito en Node y PARA GENERAR 
responderá “Hola mundo!, Node es genial!” a todas UN SERVIDOR WEB 
las solicitudes. Para ejecutar el servidor web, 

primero generamos una carpeta llamada Node en SIMPLE CREAMOS 
la unidad C. Luego, nos encargamos de crear un EL ARCHIVO 


archivo JavaScript con el siguiente código y lo 
guardamos con el nombre servidor.js dentro de la SERVIDOR.JS 


carpeta que habíamos creado: y y 


var http = requireC http”); 

http.createServer(function (request, response) í 
response.writeHead(200, C Content-Type”: text/plain"; 
response.end("Hola mundo!, Node es genial!”); 


Alten OO IZ Uno 


console.log(*Servidor web iniciado en http://127.0.0.1:3000/); 
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Por ahora no vamos a explicar qué hace cada línea de este código, 
ya que en el Capítulo 7 lo estudiaremos en profundidad. 

Para ejecutar el servidor, abrimos una consola y nos dirigimos a la 
carpeta donde se encuentra el archivo. En nuestro caso será C:WNode. 

Una vez que estamos allí ejecutamos el servidor mediante el 
comando que mostramos a continuación: 


node servidor.js 
Tengamos en cuenta que al ejecutar este archivo, veremos 
un mensaje que informa que el servidor web ha iniciado y está 


funcionando en la dirección 127.0.0.1 en el puerto 3000. 


EX Administrador: cmd. exe - Acceso directo - node servidor.js 


GisNodes?node servidor. js 
HANSEN A A A 





Figura 11. El servidor web creado con Node 
está ejecutándose en la dirección 127.0.0.1:3000. 





(SD) ATAN AZ 


Para optimizar los tiempos de carga de nuestros sitios es recomendable usar un módulo para Apache 


llamado mod_pagespeed. Es de código abierto e implementa las mejores prácticas de rendimiento web 
sin necesidad de modificar nuestro código. Lo podemos descargar desde el siguiente enlace: https:// 


developers.google.com/speed/pagespeed/mod. 
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Si es posible ver el mensaje, entonces el servidor está ejecutándose 
y podemos probarlo. Para esto, debemos abrir un navegador web y 
luego escribir la dirección http://127.0.0.1:3000. 





¡3 http://127.0.0.1:3000/ ÓN 


€ > | @ 1270013000 velk 





a Disable” dl, Cookies” 4 055 G Forms” Images” EY Information” [3] Miscella 


Hola mundo!, Node es genial! 


Figura 12. Se muestra el clásico mensaje 
Hola mundo, que indica que el servidor web está funcionando. 


Hasta aquí, hemos desarrollado varios ejemplos que ejecutan código 
JavaScript fuera del navegador para obtener resultados mediante Node. 





Empezamos a conocer Node y algo de lo que podemos hacer con él. Conocimos las características 


más importantes para entender su funcionamiento y, luego, algunas de las diferencias que tiene con 
servidores web como Apache y otras tecnologías como Ajax. También vimos que Node es una excelente 
solución para el desarrollo de sistemas de tiempo real, y nombramos algunas de las empresas que lo 
utilizan. Por último, aprendimos a instalar Node en los tres sistemas operativos más populares y dimos 


nuestros primeros pasos con su entorno de desarrollo, REPL. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


¿Node es un framework? Justificar. 

¿Cuál es el lenguaje que interpreta Node? 

¿Qué es el motor V8? 

¿Con Node podemos crear un servidor web? 

¿Node es sincrónico o asincrónico? 

¿Es recomendable utilizar Node para crear un sistema colaborativo? 
¿Node es aplicable al desarrollo de sistemas en tiempo real? 

¿Qué empresas utilizan Node? 


¿Es posible instalar Node en otra distribución de Linux que no sea Ubuntu? 


O O N O G0 A QQ N FP 


pal 
O 


¿Es posible utilizar Node únicamente desde la consola? 


EJERCICIOS PRÁCTICOS 


1 En el ejemplo del servidor, modifique el código para devolver etiquetas HTML. 


2 Enel ejemplo del servidor, antes de la línea response.end() agregue response. 
write(*Respuesta!”) y observe qué respuesta se muestra en el navegador. 


3 Utilice REPL para crear una función que calcule el valor factorial de un número. 
Intente cambiar el puerto del ejemplo del servidor y ejecutarlo en el 3001. 


5  Duplique el archivo servidor.js y modifique el puerto. Verifique si es posible tener 
dos instancias de un servidor web. 


7 SA ANNA 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorOredusers.com 


> www.redusers.com 
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Manejo de peticiones 
en Node 


Aprenderemos a desarrollar un sistema en Node, donde 





veremos cómo estructurar el código para que sea más 
robusto y consistente. Continuaremos el ejemplo del Capítulo 
6, en el que creamos un servidor web, pero le agregaremos 
más funcionalidad, convirtiéndolo en un módulo. Por último, 
crearemos un mecanismo para manejar las variables enviadas 


desde un formulario. 


v Estructuración de código......210 v Servidor de documentos O 
HN ios 231 


v Convertir el servidor 


en un módulo .....ssssssnnssnnssnsnnns 213 v Ruteo por defectO..ocmccncnccccna: 234 
A A AAE eE 215 v Manejo de peticiones 
PO irene nacion 238 
v ManejadoresS ..cccccoccnonacnncncnnonos 219 
y RESUME sosa arinrin 243 
v Registro de accesos ann. 229 
v Actividades........cccocccocoonanannannns 244 


AA 
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Estructuración de codigo 


Cuando desarrollamos código en Node podemos establecer 
qué tipo de estructura utilizar en los proyectos. Una manera de 
hacerlo es definir todas las funciones en un solo archivo, pero no es 
recomendable ya que, a medida que se van agregando funcionalidades, 
el código se vuelve más difícil de entender y genera una complejidad 
extra. En principio, la manera más ordenada y clara es utilizar una 
arquitectura similar al patrón MVC (Modelo-Vista-Controlador), mediante 
el cual se definen varios archivos o módulos. 

A continuación veremos un ejemplo donde crearemos varios 
archivos para clarificar la estructura del sistema; en el Capítulo 9, 
usaremos un marco de trabajo para trabajar mediante el patrón MVC. 


Servidor web 


En el Capítulo 6 armamos un servidor web simple utilizando Node; 
en este caso, vamos a crear un servidor muy similar pero con algunas 
características nuevas. Para comenzar, generamos una carpeta llamada 
Node2 en la unidad © y, luego, un archivo JavaScript con el nombre 
servidor.js; dentro de este archivo agregamos el siguiente código: 


var http = requireC http); 


function arrancarServidor(request, response) ( 
console.log("Se ha conectado un usuario.”); 
response.writeHead(200,("Content-Type”:“text/htmI”5); 
response.write("<h1>Bienvenido. Servidor web de Node.js</h1>”); 
response.end(); 


http.createServer(arrancarServidor); 
http.listen(3000,*127.0.0.1”; 
console.log(*Servidor web iniciado en http://127.0.0.1:3000/7); 
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Analicemos cada línea. En la primera, mediante el comando require, 
incluimos el módulo http, que nos servirá para hacer uso de todos los 
métodos del protocolo, como por ejemplo, createServer() y listen(). 

Luego, creamos la función llamada arrancarServidor(), que se ejecuta 
cada vez que un usuario accede al servidor y recibe los parámetros 
request (que contendrán toda la información de solicitud) y response 
(que contendrán el mensaje de salida de la 
función). Dentro de la función, lo primero que 


hacemos es enviar un mensaje a la consola para EL METODO 

informar que un usuario acaba de conectarse. WRITEHEAD() NOS 
En la siguiente línea, con el método writeHead() 

del objeto response, escribimos el encabezado PERMITE ESCRIBIR EL 

del mensaje, que tiene un primer parámetro ENCABEZADO 

que indica el código de estado 200: este valor 

determina que la solicitud será respondida con DEL MENSAJE 


éxito. El segundo parámetro indica el tipo de dato 

que enviaremos al cliente; en este caso, usaremos y y 
text/html, para informar que enviaremos etiquetas HTML. Para continuar, 
escribimos el cuerpo del mensaje mediante el método write del objeto 

response. Podemos utilizar cualquier etiqueta HTML válida. En nuestro 

ejemplo, simplemente usaremos la etiqueta de título y un breve texto. 

Mediante el método end(), finalizamos el cuerpo de la respuesta. 

Luego, nos encargaremos de utilizar el método createServer() del 
objeto http para realizar la creación del servidor web, y aquí pasamos 
el nombre de la función que hemos definido antes como parámetro. 
Mediante el método listen le indicamos al servidor que se quede 
escuchando en el puerto 3000 del servidor local. 

Por último, enviamos un mensaje a la consola para indicar que 
el servidor web se ha iniciado. 


D CNS IN 





Aunque la mayoría de los sitios que requieren autenticación recomiendan utilizar contraseñas difíciles de 
descifrar, la mayor parte de los usuarios prefieren utilizar palabras simples como fútbol, ninja, 123456, 
123abc, 123456789, etcétera. Lo más recomendable es utilizar contraseñas de ocho o más caracte- 


res con espacios, como por ejemplo una frase de cuatro palabras. 
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EX Administrador: cmd.exe - Acceso directo - node servidor.js 


G:5Hodež>žnode servidor. js 
Servidor web iniciado en http:z7127.0.0.i:3006/ 





Figura 1. Al iniciar el servidor vemos el mensaje 
en la consola que indica la dirección y el puerto que está escuchando. 


Para ejecutar el servidor abrimos una consola, nos situamos 
en el directorio C:\Node2 y ejecutamos el comando node servidor.js. 
Luego, abrimos un navegador e ingresamos a la dirección donde 
se encuentra el servidor; debemos ver el mensaje de bienvenida. 


| CC} http://127.0.0.1:3000/ |+] n 
A 127.0.0.1 E- < 


© Disable” dh, Cookies” 4 CSS” [] Forms” [Ed] Images” (Y Information” [3] Miscellaneous” Ê Outline” 4 Resize” y Tools” MM View Source” 





Bienvenido. Servidor web de Node.js 


Figura 2. Al ingresar al servidor local en el puerto indicado 
vemos que Node presenta un documento HTML con un titulo. 
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Si regresamos a la consola veremos que tenemos un nuevo mensaje, 
que nos informa que un usuario nuevo se ha conectado. Esto es útil 
para obtener información de los usuarios y su dirección IP. 


EM Administrador: cmd.exe - Acceso directo - node servidor.js 


CisNodezZ2node servidor. js 
Servidor web iniciado en http:z77127.0.0.i:30007 


Se ha conectado un usuario. 





Figura 3. En la consola veremos un mensaje 
indicando que un nuevo usuario se ha conectado. 


à Convertir el servidor 
en un módulo 


Ahora haremos unos cambios en el servidor para hacerlo más 
flexible. La idea es convertir el objeto servidor en un módulo, para 
que lo podamos llamar desde un archivo externo y pasarle parámetros 
adicionales, generando un comportamiento más dinámico y adaptable. 

Para convertir el servidor en un módulo, primero debemos 
encapsular la función arrancarServidor() dentro de otra. 





var http = require http”); 


function iniciar() { 
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function arrancarServidor(request, response) ( 
console.log("Se ha conectado un usuario.” ); 
response.writeHead(200,("Content-Type”:“text/htmI”5+); 
response.write(“<h1>Bienvenido. Servidor web de Node.js</ 


hl>”); 
response.end(); 
} 
http.createServer(arrancarServidor).listen(3000,'127.0.0.1'); 
console.log("Servidor web iniciado en http://127.0.0.1:3000/'); 
} 


exports.iniciar = iniciar; 


Analizando el código que presentamos arriba, vemos que hemos 
definido la función iniciar(), que inicialmente carece de parámetros 
y contiene la función que crea el servidor. 

Una cuestión a tener en cuenta es que, de ahora en adelante, 
vamos a trabajar con más de un archivo y es necesario especificar la 
comunicación entre ellos. Usaremos exports, que hace posible que las 
funciones sean accesibles para cualquier archivo que lo requiera. 

Ahora crearemos el archivo principal en el mismo directorio de 
servidor.js, al que llamaremos app.js y contendrá el siguiente código: 


var servidor = require(”./servidor”); 


servidor.iniciarO; 


DA IT IDO 





Ada Lovelace (1815-1852) es considerada la primera programadora informática del mundo, ya que fue 
la creadora de un programa informático que calculaba los números de Bernoulli mediante un algoritmo 
que contenía bucles. En homenaje a esta programadora, en los años 80, el Departamento de Defensa de 


Estado Unidos desarrolló un lenguaje de programación orientado a objetos llamado ADA. 
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En el código anterior, en primer lugar, creamos una variable y, 
mediante require, incluimos el archivo servidor.js; con ./ indicamos que 
el archivo se encuentra en el mismo directorio que app.js. Como Node 
trabaja con JavaScript, no es necesario que agreguemos la extensión, 
ya que por defecto se asume que se trata de un archivo de esta clase. 
Luego, utilizamos la variable servidor e invocamos al método iniciar(), 
que es la función que exportamos antes. 

En este punto, para iniciar el servidor ya no debemos invocar a 
servidor.js sino al archivo app.js, que se encargará de iniciar el servidor. 
Para comprobar que todo funciona como esperamos, abrimos una 
consola, ejecutamos el comando node app.js y verificamos en el 
navegador como lo hicimos antes. 

Mediante estas modificaciones hemos convertido el archivo 
servidor.js, que era el principal, a un módulo que utilizamos en app.js. 
En principio no obtuvimos ninguna ventaja de este procedimiento, 
pero preparamos una estructura que nos servirá para poder pasarle 
parámetros al servidor y personalizar su comportamiento. 


Ruteo 


Como nuestro objetivo es crear un servidor web, debemos manejar 
los comportamientos del servidor especificando diferentes direcciones 
en la URL. Hasta ahora, el servidor tiene un comportamiento 
estático, es decir que responde de la misma manera si accedemos a 
127.0.0.1:3000 o a 127.0.0.1:3000/inicio. Haremos que el comportamiento 
dependa de la ruta HTTP solicitada. 

Para empezar, creamos un nuevo archivo en el mismo directorio 
del archivo principal con el nombre enrutador.js y luego agregamos 
el código que sigue: 


function enrutar(ruta) 
console.log(*Rutear a: * + ruta); 


exports.enrutar = enrutar; 
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En el código anterior, inicialmente definimos la 


ENRUTAR() ESPERA función enrutar(), que espera como parámetro una 
UNA RUTA COMO ruta que luego vamos a imprimir en la consola. 
, Luego, exportamos la función para que sea 
PARAMETRO PARA accesible desde otro archivo. 
IMPRIMIR EN A continuación, realizaremos algunos cambios 
en el archivo principal llamado app.js para poder 
CONSOLA usar el enrutador. Lo que haremos es incluir el 


archivo enrutador.js y, posteriormente, pasaremos 
la variable creada como parámetro al método 
iniciar(). Para ello agregamos el siguiente código: 


var servidor = require("./servidor”); 





var enrutador = require(”./enrutador”); 


servidor. iniciar(enrutador.enrutar); 


Ahora trabajaremos en el archivo servidor.js. Primero vamos a 
requerir un nuevo módulo de sistema, llamado url, que es el encargado 
de registrar la dirección de la ruta solicitada para que luego podamos 
definir un comportamiento personalizado para cada petición. 
Incluimos el módulo de la siguiente manera: 


var url = requireCurl'); 


En la función iniciar() capturamos el parámetro que agregamos 
antes en app.js. Luego, dentro de iniciar(), vamos a capturar la URL 
que se especificó en el navegador y la asignaremos a una variable. Para 
continuar, invocamos el método enrutar() y le pasamos como parámetro 
la variable que acabamos de crear: 


var ruta = url.parse(request.url).pathname; 
enrutar(ruta); 
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Ahora veremos cómo debe quedar el código completo de servidor.js. 


var http = require http”); 
var url = requireCurl”); 


function iniciar(enrutar) ( 
function arrancarServidor(request, response) ( 
console.log("Se ha conectado un usuario.””); 


var ruta = url.parse(request.url).pathname; 
enrutar(ruta); 


response.writeHead(200,("Content-Type”:“text/htmI”>); 
response.write("<h1>Bienvenido. Servidor web de Node.js</ 


h1>"); 
response.end(); 
} 
http.createServer(arrancarServidor).listen(3000,'127.0.0.1'); 
console.log(*Servidor web iniciado en http://127.0.0.1:3000/'); 
} 


exports.iniciar = iniciar; 


Abrimos una consola, nos situamos en el 


directorio del servidor y ejecutamos node app.)js. LA MAYORIA DE 

Si vemos Servidor web iniciado en http://127.0.0.1:3000/ LOS NAVEGADORES 

no se ha producido ningún error y podemos 

acceder al navegador para probarlo. REALIZAN DOS 
Si en el navegador vamos a http://127.0.0.1:3000 PETICIONES POR 

y luego regresamos a la consola, encontraremos 

dos mensajes, uno que informa que un usuario CADA SOLICITUD 


se ha conectado y otro muestra la URL a la que se 

ha ruteado. Es probable que luego tengamos otro y y 
mensaje que indica que un usuario se conectó solicitando /favicon.ico; 

esto porque la mayoría de los navegadores realizan dos peticiones por 

cada solicitud: una por contenido y otra por el icono del documento. 
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EM Administrador: cmd.exe - Acceso directo - node app.js 


GisNode2?node app. Js 

Servidor web iniciado A A A A ES 
ʻe ha conectado un usuario. 

Rutear a: 7 

$e ha conectado un usuario. 

EA AS 





En la consola vemos 
el mensaje que indica la ruta solicitada desde el navegador. 


A continuación, si escribimos la URL http://127.0.0.1:3000/paginal, 
el servidor se encargará de recibir esta solicitud y posteriormente 
escribirá en la consola lo que corresponde. 


EM Administrador: cmd.exe - Acceso directo - node app.js 


CisNode2>node app. Js 

Servidor web iniciado en http:/,/127.6.B.1:3006.,/ 
Se ha conectado un usuario. 

Rutear a: 7 

Se ha conectado un usuario. 

EA AA 

Se ha conectado un usuario. 

AE Al 

Se ha conectado un usuario. 


Rutear az «favicon.ico 





Para la solicitud de /paginal 
el servidor nuevamente escribirá la ruta en la consola 
y recibirá una solicitud para /favicon. ico. 
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Manejadores 


Anteriormente, capturamos la ruta que viene en la URL. Ahora 
debemos definir qué comportamiento tendrá el servidor para responder 
a Cada petición. 

Para comenzar, vamos a crear un nuevo archivo con el nombre 
manejador.js en el mismo directorio del servidor. Aquí vamos a generar 
una función para cada petición que necesitemos atender y que devolverá 
un contenido al navegador y escribirá un mensaje en la consola. 

A modo de ejemplo, vamos a establecer los comportamientos para 
inicio, paginal y salida; además, es necesario definir una función para la 
petición de favicon. Si no definimos esta última función, se producirá 
un error cada vez que accedamos a una dirección del servidor. 

Dentro de manejador.js escribimos el siguiente código: 


function iniciolresponse) ( 
console.log(Solicitud para: inicio”); 
response.writeHead(200, C Content-Type”: text/htmI'»; 
response.write(*<h1>Contenido de inicio</h1>); 
response.end(); 


function paginal (response) ( 
console.log(*Solicitud para: paginal'); 
response.writeHead(200, C Content-Type”: text/htmI'»; 
response.write(*<h1>Contenido de paginal1</h1>"); 
response.end(); 


function salidalresponse) { 
console.log(*Solicitud para: salida”); 
response.writeHead(200, C Content-Type”: text/htmI'»; 
response.write(*<h1>Contenido de salida</h1>); 
response.end(); 

) 

function favicon(response) ( 
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console.log("Solicitud para: favicon”); 
response.writeHead(200, Content-Type”: text/html); 
response.write( favicon”); 

response.end(); 


exports.inicio = inicio; 
exports.paginal = paginal; 
exports.salida = salida; 
exports.favicon = favicon; 


En el código vemos que, en cada función, se devuelve un mensaje 
a la consola; luego, devolvemos el código de estado y el contenido al 
navegador, y finalizamos el mensaje. Cada función debe ser exportada 
para que pueda ser utilizada desde otro archivo. 
Un aspecto importante a tener en cuenta es que 


PARA QUE PUEDA en cada función definimos la respuesta para el 

SER USADA POR navegador; de esta manera, prevenimos códigos 
bloqueantes. Es decir, si por algún motivo una 

OTRO ARCHIVO, función presentara un error o un bucle infinito, 


CADA FUNCIÓN DEBE se bloquearía el servidor. En cambio, como los 
manejadores son independientes, el servidor 


SER EXPORTADA seguirá atendiendo solicitudes sin que sea afectado 
por procesos que demoren mucho tiempo. 

Ahora modificaremos el archivo principal. Para 
esto, abrimos app.js e incluimos el archivo manejador.js; luego, creamos 
un array que contendrá las rutas para las cuales vamos a devolver un 
contenido. Aunque parezca un poco extraño, vamos a almacenar cada 


LEE 





GOOGLE DE LIMPIEZA 


Hace un tiempo, Google informó la lista de servicios que ya no estarán disponibles, debido a que centra- 


rán sus esfuerzos en su red social G+. Algunos de los servicios que se han dejado atrás son: Desktop, 
la Api de Google Maps para Flash, Google Pack, Notebook, Sidewiki y Google Web Security, entre otros. 
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función del manejador en un índice del array peticion, y luego, cuando 
necesitemos invocar cada método, lo haremos desde esta variable. 

Por último, nos encargaremos de pasarle como parámetro el array al 
método iniciar() del servidor que corresponde. 


var servidor = require("./servidor”); 

var enrutador = require(”./enrutador”); 
var manejador = require(*./manejador”); 
var peticion = O; 


peticiont'Yinicio”] = manejador. inicio; 
peticionl'/paginal'1]  = manejador.paginal; 
peticiont'salida”] = manejador.salida; 


peticionl'/favicon.ico”] = manejador.favicon; 


servidor. iniciar(enrutador.enrutar, peticion); 


Lo siguiente es modificar el archivo servidor.js. En primer lugar, 
agregamos el parámetro peticion a la función iniciar(); luego, pasamos 
las variables peticion y response como parámetros al método enrutar(). 
Recordemos que la variable peticion es un array que contiene en cada 
índice una función que devuelve un contenido al navegador, y response 
es el objeto por el cual se capturan las respuestas. 

Algo adicional, pero no indispensable, es comentar las líneas de 
este archivo que devuelven las respuestas al navegador, ya que en 
cada función del manejador definimos una respuesta personalizada. 

El archivo servidor.¡s debe quedar de la siguiente manera: 


DN RECIBIR VARIABLES EN PHP 





Debemos tener en cuenta que muchas veces en PHP es necesario pasar variables desde un lugar a otro. 
Para recuperar las variables existen dos posibilidades, mediante el uso de $_POST o $_GET, pero si no 
sabemos por cuál método vienen es posible utilizar $_REQUEST, lo que nos garantiza que las variables 


se recuperarán sin importar el método utilizado. 


www.redusers.com << 


y USERS 7. MANEJO DE PETICIONES EN NODE 


var http = requireC http); 
var url = requireCurl'); 


function iniciar(enrutar, peticion) { 
function arrancarServidor(request, response) { 
console.log("Se ha conectado un usuario.” ); 


var ruta = url.parse(request.url).pathname; 
enrutar(ruta, peticion, response); 


/Iresponse.writeHead(200,{~Content-Type”:” text/html”); 
/Iresponse.write(“<h1>Bienvenido. Servidor web de Node.js</ 


hl>”); 
/Iresponse.end(); 
} 
http.createServer(arrancarServidor).listen(3000,'127.0.0.1'); 
console.log("Servidor web iniciado en http://127.0.0.1:3000/'); 
) 


exports.iniciar = iniciar; 


Por último, vamos a modificar el archivo enrutador.js. En primer 
lugar, debemos incluir los parámetros en la función enrutar() y, dentro 
de esta, devolver el contenido personalizado dependiente de la ruta 
establecida. El archivo deberá quedar como sigue: 


DN EL SIGNIFICADO DE GNU 





GNU es un sistema creado por Richard Stallman, que tiene como objetivo promulgar el espíritu de coo- 
peración para el desarrollo de sistemas informáticos basado en cuatro libertades. GNU es un acrónimo 
recursivo que significa GNU No es Unix o GNU is Not Unix. Si deseamos obtener datos adicionales e 
información interesante sobre este sistema podemos visitar la página que se encuentra en la dirección 
web: http://gnu.org/home.es.html. 
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function enrutar(ruta, peticion, response) 
console.log(*Rutear a: * + ruta); 


return peticionLruta (response); 


exports.enrutar = enrutar; 


La función enrutar() va a retornar un contenido mediante el índice 
del array peticion, que contiene un método definido en manejador.js. 

Para probar el funcionamiento del manejador, debemos abrir una 
consola y situarnos en el directorio C:iNode2; luego, debemos iniciar el 
servidor con el comando node app.js. Si todo se encuentra bien, veremos 
un mensaje indicando que el servidor web está iniciado. 


EX Administrador: cmd. exe - Acceso directo - node app.js 


CirNodez?node app. Js 
Servidor web iniciado en http!.,/-4127.46.0.1:3006,- 





Figura 6. Estamos en condiciones de utilizar 
el servidor web si vemos el mensaje que informa que ha iniciado. 


A continuación tendremos que abrir un navegador web y, en la barra 
de direcciones correspondiente, escribimos lo siguiente: 127.0.0.1:3000/ 
inicio. Si todo resulta bien podremos ver un título que muestra el 
siguiente texto: Contenido de inicio. 
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127.0.0,1:3000/inicio 


E CA 127.0.0.1:3000 





Contenido de inicio 


Figura 7. Ingresando la ruta /inici1o en un navegador, 
el servidor devuelve el contenido correspondiente. 


Si regresamos a la consola, además del mensaje que informa que 
el servidor ha iniciado de manera correcta, se presentarán los mensajes 
que corresponden a las solicitudes que hemos enviado al servidor 
cuando intentamos acceder a f/inicio. 


E Administrador: cmd.exe - Acceso directo - node app.js 


GisNode2?node app. Js 

Servidor web iniciado en http:z7127.0.0.i:30007 
5e ha conectado un usuario. 

Rutear al “inicio 

Solicitud para: inicio 

ʻe ha conectado un usuario. 

Rutear a: UA 

Solicitud para: favicon 





Figura 8. Por cada solicitud vemos que también se solicita el favicon. 
Lo controlamos mediante la función favicon() en manejador .js. 


J www.redusers.com 


SISTEMAS WEB ESCALABLES U!USERS 225 


Ahora, si accedemos a las otras rutas que hemos definido en el 
manejador, por ejemplo /paginal y /salida, el servidor mostrará el 
contenido correspondiente y, en la consola, veremos las peticiones que 
se han realizado para cada solicitud. 

De este modo podremos controlar en todo momento las solicitudes 
que se han realizado al servidor. 


EX Administrador: cmd.exe - Acceso directo - node app.js 


CisNodeZ>node app. Js 
Servidor web iniciado en http:/,-127.6.8.1:3000., 
Se ha conectado un usuario. 
Rutear a: “inicio 
Solicitud para: inicio 

Se ha conectado un usuario. 
Rutear a: favicon.ico 
Solicitud para: favicon 

Se ha conectado un usuario. 
Rutear a: zpaginal 
Solicitud para: paginal 

Ge ha conectado un usuario. 
Rutear a: favicon.ico 
Solicitud para: favicon 

Se ha conectado un usuario. 
Rutear a: zsalida 
Solicitud para: salida 

Se ha conectado un usuario. 
Rutear a: favicon.ico 
Solicitud para: favicon 





Figura 9. En la consola vemos que se han solicitado 
las rutas /1n1c10, /paginal y /sal ida; además, 
el navegador solicita el favicon de modo automático. 


Vamos a intentar acceder a una ruta que no hayamos definido, 
por ejemplo /pagina2. Aquí, veremos que se ha producido un error 
y no hemos podido establecer la conexión con el servidor. 





Nginx es un servidor web muy potente de alto rendimiento. Como una de sus principales características, 


ofrece un proxy para los protocolos de correo electrónico. Este servidor se distribuye como software libre 
y de código abierto, es multiplataforma y es utilizado por sitios como Wordpress, GitHyb y SourceForge 


entre otros. Podemos conocerlo mejor en el siguiente enlace: http://nginx.org. 
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€ C A 127.0.0.1:3000/pagina2 = 


iVaya! Google Chrome no ha podido establecer conexión con la página 
127.0.0.1:3000. 
Sugerencias: 


e Prueba a volver a cargar: 127 0.0 1:3000/pagina2 
+ Buscar en Google: 


| Buscar con Google | 


Ayuda de Google Chrome - ¿Por qué aparece esta página? 
82013 Google: Página principal de Google 


Figura 10. El servidor no encontró 
la ruta solicitada y se perdió la comunicación. 


Para conocer la causa del error, debemos ver qué es lo que nos 
informa la consola. En ella podemos encontrar información que nos 
permitirá identificar el tipo de problema al cual nos enfrentamos. 
Un ejemplo de esto lo vemos en la siguiente imagen: 





| manejador.js s re 7 
> eO EX Administrador: cmd.exe - Acceso directo 
¡8 | servidor.js 


C:\NNode2>»node A ES 
Servidor web iniciado en http://127.B.B.1:3000/ 
Se ha conectado un usuario. 


rai inicio 
Se ha conectado un usuario. 
z: /favicon.ico 
para: favicon 
Se ha conectado un usuario. 
Rutear a: /paginai 
Solicitud para: paginai 
Se ha conectado un usuario. 
Rutear a: /favicon.ico 
Solicitud para: favicon 
Se ha conectado un usuario. 
Rutear a: /salida 


z: /favicon.ico 
Solicitud para: favicon 
Se ha conectado un usuario. 
Rutear a: /pagina2 


C:\Node2\enrutador.js:4 
return peticion [ruta ]<lresponse); 


TypeError: Property */pagina2* of object #<0bject> is not a function 
EC EAT SSA AD) 
Server.arrancarServidor (C:NNode2servidor.js:9:3> 
Server.EventEmitter.emit Cevents.js:9ł?8:17>) 
HTTPParser.parser.onIncoming <Chttp.js:2014:12> 
HTTPParser.parserûnHeadersComplete [as onHeadersComplete]l <http.js:119:23 


Socket .socket.ondata <http.js:1904:22> 
TCP.onread <net .js:495:27> 


ASIA 





Figura 11. El servidor se ha detenido porque no pudo 
encontrar ninguna función que maneje la ruta solicitada. 
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Debemos considerar que para prevenir los errores de rutas 
inexistentes, vamos a trabajar en el archivo enrutador.js. Lo modificamos 
tal como mostramos en el siguiente código: 


function enrutar(ruta, peticion, response)f 
console.log(*Rutear a: * + ruta); 


if (typeof peticionLrutal === function) 
return peticionLruta (response); 

Jelseí 
console.log(*No se ha definido una función para? + ruta); 
response.writeHead(404, (“Content-Type”: “text/htmI”5); 
response.write(*<h1>404 - No se ha encontrado: * + ruta +*</h1>); 
response.end(); 


exports.enrutar = enrutar; 


En el código hemos ingresado un condicional antes de devolver 
el resultado, que comprueba que peticion[ruta] sea una función. 
Consideremos que, en el caso contrario, devuelve una típica respuesta 
de página no encontrada con un código de error 404. 

Para verificar si resolvimos el problema de solicitudes para páginas 
no encontradas, podemos acceder al navegador e ingresar, por ejemplo, 
a 127.0.0.1:3000/pagina2. Podemos ver que se presenta una imagen 
similar a la que mostramos a continuación. 


¿QUE ES WEB SEMÁNTICA? 





Desde hace algún tiempo hemos venido escuchando el término web semántica. La web semántica se 
puede resumir como una web extendida, donde cada usuario puede encontrar respuestas a sus pregun- 
tas de forma simple y rápida, gracias a que el principal objeto de la web es la información contenida en 
una infraestructura común. Podemos saber más del tema en la guía básica de la w3C: www.w3c.es/ 


Divulgacion/GuiasBreves/WebSemantica. 
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f E 127001:000/paginz A 


e C fi 127.0.0.1:300 


404 - No se ha encontrado: /pagina2 


Figura 12. El servidor devolverá un mensaje de error 
de página no encontrada cuando no pueda enrutar la solicitud. 


Si vamos a la consola, observamos que muestra un detalle de error 
de enrutamiento. Con esta última modificación podemos controlar 
cualquier solicitud que no pueda resolver el servidor. 


EA Administrador: cmd.exe - Acceso directo - node app.js 


CG:5Hodež>node app-js 

Servidor veb iniciado en http:/-127.4.8.1:34600., 
Se ha conectado un usuario. 

AA EA 

Ho se ha definido una función para /paginaž 

Se ha conectado un usuario. 

Rutear al favicon.ico 

Solicitud para! favicon 





Figura 13. Como no hemos definido 
un comportamiento para /paginaz, al intentar 
rutear esta petición se informa en la consola. 
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Registro de accesos 


Hasta ahora hemos creado un mecanismo para que Node nos 
informe, a través de la consola, qué está sucediendo con el servidor 
web. Pero existe un problema: si por alguna razón 
necesitamos reiniciar el servidor, la consola perderá 


todos los registros obtenidos hasta el momento EL MODULO FS DE 

y no podremos recuperar la información. NODE NOS PERMITE 
Para solucionar esta deficiencia, nos 

encargaremos de crear un sistema para registrar LEER Y ESCRIBIR 

de manera permanente todos los accesos. ARCHIVOS EN 

Utilizaremos el módulo fs de Node, que nos 

permitirá leer y escribir archivos en el servidor. EL SERVIDOR 


Lo único que necesitamos es abrir el archivo 


servidor.js y modificarlo con el siguiente código: y y 


var http = require http”); 
var url = requireCurl’); 
var fs = requireC fs’); 


function iniciar(enrutar, peticion) ( 
function arrancarServidor(request, response) ( 
console.log("“Se ha conectado un usuario.””); 


var ruta = url.parse(request.url).pathname; 
enrutar(ruta, peticion, response); 


var archivo_accesos = fs.createWriteStreamCaccesos. 
txt flags: a’); 
archivo_accesos.write(ruta + An”) 


/Iresponse.writeHead(200,("Content-Type”:”“text/htmI”»; 

/Iresponse.write("<h1>Bienvenido. Servidor web de Node.js</ 
MS 

/Iresponse.end(); 
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http.createServer(arrancarServidor).listen(3000,'127.0.0.1'); 
console.log("Servidor web iniciado en http://127.0.0.1:3000/'); 


exports.iniciar = iniciar; 


En el código, incluimos el módulo fs y luego creamos una variable 
llamada archivo_accesos, a la cual le asignamos el resultado del método 
createWriteStream() (donde el primer parámetro es el nombre del archivo 
y el segundo el indicador para que el contenido se agregue al final). 
Escribimos la ruta y un salto de línea para la siguiente escritura. 


E CANode2\accesos.bt - Sublime Text 2 (UNREGISTERED) (ol E eE) 


dd 


IA 
/favicon.ico 
/paginal 
/favicon.ico 
inicio 
RENEE: LPE 
/pagina2 
/favicon.i 
inicio 
IAN 
¿salida 
IAN 
/pagina2 
ANA a 
IA 
ANA 
/pagina2 
¿favicon.ic 
/paginal 
AN 
/pagina2 
/favicon.i 
¿salida 
/favicon.i 
Aid 
/favicon.ico 








Figura 14. Si abrimos el archivo accesos . txt 
veremos todas las peticiones que ha recibido el servidor. 


A ATA 





Un servicio muy útil para los viajeros es el que Google ha llamado Flight. Con este sistema es posible 


buscar destinos, escalas, compañías aéreas, precios, duración y horarios, entre otros datos. Además, 


este servicio permite encontrar los días y horarios en que están disponibles los vuelos más baratos. 
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Servidor de 
documentos HTML 


Node puede ser utilizado tanto como servidor de procesos como 
de documentos. Hemos creado un manejador para cada petición 
que devuelve una estructura HTML básica, pero 
no es la manera más adecuada, ya que resulta 


bastante dificultoso escribir una estructura HTML NODE PUEDE SER 

compleja en una función JavaScript. Ahora vamos USADO COMO 

a modificar el comportamiento del servidor para 

devolver archivos HTML reales. SERVIDOR DE 
En primer lugar, dentro del servidor, creamos PROCESOS Y TAMBIÉN 

una carpeta llamada www y, dentro, tres archivos, 

denominados inicio.html, paginal.html y salida.html. DE DOCUMENTOS 


Dentro de estos archivos vamos a escribir código. 


En inicio.html: y y 


<h1>Página inicio.html</h1> 
<p>Documento HTM L<p> 


Luego, en paginal.html: 


<h1>Página inicio.html</h1> 
<p>Documento HTM L<p> 


Por último, en el archivo salida.html: 


<h1>Página salida.html</h1> 
<p>Documento HTM L<p> 


Necesitamos responder a cada solicitud con el contenido de los 
archivos que hemos creado antes. Para esto, trabajaremos otra vez 
con el módulo fs en el archivo servidor.js: 
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var http = requireC http); 
var url = requireCurl'); 
var fs =require('fs'); 


function iniciar(enrutar, peticion) ( 
function arrancarServidor(request, response) ( 
console.log(“Se ha conectado un usuario.””); 


var ruta = url.parse(request.url).pathname; 
/Jenrutar(ruta, peticion, response); 
var html = fs.readFileSync www?" + ruta); 


var archivo_accesos = fs.createWriteStreamCaccesos. 
txt, flags": a’); 
archivo _accesos.write(ruta + An”) 


response.writeHead(200,{“Content-Type”:”text/html”}); 
response.write(html); 
response.end(); 


http.createServer(arrancarServidor).listen(3000,*127.0.0.1; 
console.log("Servidor web iniciado en http://127.0.0.1:3000/); 


exports.iniciar = iniciar; 


Lo que hicimos primero fue crear la variable html, que contendrá 
el resultado devuelto por el método readFileSync(). Este leerá el archivo 
que se ha pedido mediante la variable ruta dentro de la carpeta www. 
Luego, descomentamos el bloque que devuelve contenido al 
navegador y le asignamos el contenido de la variable html. Como ahora 
la respuesta al navegador la damos de manera directa desde servidor.js, 
el método enrutar() ya no será necesario, por lo tanto lo comentamos. 
Para probar el procedimiento, reiniciamos el servidor y, en el 
navegador, ingresamos 127.0.0.1:3000/inicio.html. Debemos ver lo 
que se muestra en la Figura 15. 
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127.0.0.1:3000/inicio.html Xx 


E CA f [5 127.0.0.1:3000 





PA;¡gina inicio.html 


Documento HTML 


Figura 15. El servidor responde a las solicitudes 
que coinciden con los documentos HTML que hemos creado. 


Si regresamos a la consola, veremos dos veces el mensaje Se ha 
conectado un usuario. Primero, porque se ha solicitado una página, y 
segundo, porque también se pidió el favicon. Más abajo vemos que el 
módulo fs ha generado un error intentando obtener el archivo favicon.ico. 





EX Administrador: cmd.exe - Acceso directo c|) 


m » 


C:\Node2>node app.js 

Servidor web iniciado en http:77/127.0.0.1:30007 
Se ha conectado un usuario. 

Se ha conectado un usuario. 


fs.js:413 
return binding.open<pathModule ._makeLong<path?, stringToFlags<flags?,. mode); 


sor: ENOENT,. no such file or directory ’C:\Node2\uwuwNfavicon.ico’ 
Object.fs.openSync (fs. ¡js:413:18> 
Object.fs.readFileSync <fs.js:27B:15> 
Server.arrancarServidor (C:Node2Nservidor. 3js:11:1%7> 
Server .EventEmitter.emit Cevents .js:98:17> 
HTTPParser.parser.onIncoming <Chttp.js:2014:12> 
HTTPParser.parserO0nHeadersComplete [as onHeadersCompletel <http.js:119:23 


Socket .socket.ondata <http.js:1904:22> 
TCP.onread <net .js:495:27> 


ANI 





Figura 16. El error devuelto por Node indica 
que no es posible encontrar el archivo favicon. co. 
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Para solucionar este error debemos tener un archivo con el nombre 
favicon.ico dentro del directorio www, de manera que el servidor pueda 
responder a la petición que realiza el navegador con cada solicitud. 


à Ruteo por defecto 


La mayoría de los servidores, como Apache, responden a un archivo 
por defecto cuando se accede a la raíz del sitio. Sin embargo, si en 
nuestro servidor accedemos a la dirección 127.0.0.1:3000, se producirá 
un error debido a que no hemos definido un comportamiento para esto 
y Node no sabe qué archivo debe devolver. 

Para solucionar este error vamos a modificar el archivo servidor.js, 
para que, cuando la ruta sea igual a /, devuelva el archivo inicio.html: 


var http = requireC http); 
var url = requireCurl'); 
var fs = require fs’); 


function iniciar(enrutar, peticion) { 
function arrancarServidor(request, response) { 


console.log("Se ha conectado un usuario.” ); 


var ruta = url.parse(request.url).pathname; 
/lenrutar(ruta, peticion, response); 


iuta == /) 


A MI NNA 





El objeto console posee diferentes métodos para mostrar mensajes. Por ejemplo, con log() es posible 
enviar un mensaje convencional, con warm() se muestra el mensaje precedido de un símbolo de adver- 
tencia, con error() se presenta el mensaje en color rojo con un símbolo de error y con info() aparece el 


mensaje con un símbolo de información. 
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ruta ='inicio.html”; 
var html = fs.readFileSyncOwww?/' + ruta); 


var archivo_accesos = fs.createWriteStreamCaccesos. 
txt flags: a’); 
archivo_accesos.write(ruta + An”) 


response.writeHead(200,{`~Content-Type”:” text/html”); 
response.write(html); 
response.end(); 


http.createServer(arrancarServidor).listen(3000,*'127.0.0.1'); 
console.log(*Servidor web iniciado en http://127.0.0.1:3000/'); 


exports.iniciar = iniciar; 


Debemos reiniciar el servidor y comprobar accediendo a 
127.0.0.1:3000 y luego a 127.0.0.1:3000/inicio.html. Veremos inicio.html 
y, en la consola, notaremos que no se han producido errores. 





Cambio de la codificación 


Como hemos visto en la Figura 15, en el navegador, cuando 
accedemos a inicio.html, los caracteres con tilde o la letra ñ no se 
muestran de manera correcta. Esto se debe a que no hemos definido 
la codificación que utilizará el documento. 

Para solucionar este error, en cada documento HTML debemos 
agregar una etiqueta para informarle al navegador que se devolverá un 
contenido UTF-8. Esta codificación hace posible la representación de 
cualquier caracter Unicode. La etiqueta de codificación es la siguiente: 


<meta charset="”UTF-8”> 
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Para utilizarla, vamos a agregarla dentro de una estructura HTML5 
básica, donde inicio.html quedará de la siguiente manera: 


<!doctype html> 
<html lang=” en”> 
<head> 
<meta charset=” UTF-8”> 
<title>Inicio</title> 
</head> 
<body> 
<h1>Página inicio.html</h1> 
<p>Documento HT ML<p> 
</body> 
</html> 


En paginal.html también realizamos el cambio, y lo dejamos de la 
siguiente manera: 


<!doctype html> 
<html lang=” en”> 
<head> 
<meta charset=” UTF-8”> 
<title>Paginal</title> 
</head> 
<body> 
<h1>Página paginal.html</h1> 
<p>Documento HTM L<p> 
</body> 
</html> 


Por último, en el archivo salida.html también realizamos este cambio: 


<!doctype html> 
<html lang=” en”> 
<head> 
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<meta charset="UTF-8"> 
<title>Salida</title> 

</head> 

<body> 
<h1>Página salida.html</n1> 
<p>Documento HTML<p> 

</body> 

</html> 


Debido a que las modificaciones realizadas en los archivos HTML no 
tienen influencia en el servidor, no es necesario que lo reiniciemos; con 
solo recargar la página deberemos ver de manera correcta las tildes. 


[à Inicio 


e C A | 127.0.0.1:3000/inicio.htmi 


Página inicio.html 


Documento HTML 





Figura 17. Como hemos definido la codificación 
del documento, la tilde se muestra perfectamente. 


C9 MaA ONAA 





El lenguaje C fue creado en 1972 como evolución del lenguaje B; mientras que C++ fue creado a media- 


dos de los años 80, con la intención de extender el lenguaje C con mecanismos que permitían el manejo 


de objetos. Podemos decir que C es el lenguaje original y C++ su ampliación. 
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Sl Manejo de peticiones POST 


A continuación veremos cómo manejar las peticiones de tipo POST 
provenientes del cliente. Para esto, crearemos un formulario en la 
página de inicio, y luego procesaremos los parámetros en el servidor 
y los mostraremos en la página de salida. 

Para comenzar, debemos modificar el archivo inicio.html, agregando 
un formulario de sugerencia: 


<!doctype html> 
<html lang=” en”> 
<head> 
<meta charset=” UTF-8”> 
<title>Inicio</title> 
<style type=” text/css” > 
body{ 
background-color: #F2F2F2; 
color: #444444; 
font: 12px Arial; 
margin: 0; 
padding: 0; 
} 
input, 
label{ 
display: block; 
width: 340px; 
} 
</style> 
</head> 
<body> 
<h1>Página inicio.html</h1> 


<h2>Formulario de sugerencias</h2> 
<form action=”/salida.html” method=” post” > 


<label for="nombre”>Nombre:</label> 
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<input type="text” name="nombre” /> 


<label for="apellido”>Apellido:</label> 
<input type="text” name="apellido” /> 


<label for="correo">Correo electrónico:</label> 
<input type="text” name="correo” /> 


<label for="sugerencia”“>Sugerencia:</label> 
<textarea name="sugerencia” rows="10" cols="40"></textarea> 


<input type="submit” name="enviar” value="enviar” /> 
</form> 
</body> 
</html> 


En el código anterior, primero agregamos estilos css para que la 
página sea más amigable; luego, creamos un formulario con cuatro 
campos: nombre, apellido, correo y sugerencia. Estas variables se enviarán 
mediante el método POST a la ruta /salida.html. 


€ C £ | [5 127.0.0.1:3000/inicio.html SL? 


Página inicio.html 


Formulario de sugerencias 


Nombre: 

Juan Alberto 
Apellido: 

Perez 

Correo electrónico: 
juan(ODperez.com 
Sugerencia: 


Con Node es posible crear un servidor web 
muy potente y personalizado. 


Mi sugerencia es utilizar Node para crear 
sistemas altamente escalables. 





enviar 


Figura 18. En inic1io.html definimos un simple formulario 
de sugerencia para que el servidor procese los valores ingresados. 
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Lo siguiente que debemos hacer es preparar el archivo 
denominado salida.html para que reciba los parámetros que 
le enviaremos: 


<!doctype html> 
<html lang=” en”> 
<head> 
<meta charset=” UTF-8”> 
<title>Salida</title> 
<style type=” text/css” > 
body{ 
background-color: #F2F2F2; 
color: #444444; 
font: 12px Arial; 
margin: 0; 
padding: 0; 
} 
input, 
label{ 
display: block; 
width: 340px; 
) 
</style> 
</head> 
<body> 
<h1>Página salida.html</h1> 


<h2>Sugerencia recibida</h2> 


<p><b>Tu nombre: </b> {nombre}, {apellido}</p> 
<p><b>Tu correo: </b> tcorreoj</p> 
<p><b>Tu sugerencia: </b> tsugerencia)</p> 
<br /> 
<a href="/">Regresar al Inicio</a> 
</body> 
</html> 
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En el código que vimos anteriormente, al igual que para inicio.htmil, 
incorporamos estilos css para mejorar la presentación del ejemplo; 
luego, agregamos tres párrafos donde definimos los parámetros que 
esperamos recibir: (nombre), {apellido}, {correo} y (sugerencia). El contenido 
de estas etiquetas será reemplazado, después, con los valores que 
contengan las variables del formulario. 

Ahora vamos a trabajar en el archivo servidor.js, que potenciará 
nuestro ejemplo. Escribimos lo siguiente: 


var http = require http”); 
var url = require Curl”); 
var fs = require(fs”); 


var querystring = require(“querystring”); 


function iniciar(enrutar, peticion) ( 
function arrancarServidor(request, response) ( 
console.log(“Se ha conectado un usuario.”); 


var ruta = url.parse(request.url).pathname; 
/Jenrutar(ruta, peticion, response); 


ifíruta == Y") 
ruta ='inicio.html”; 


var html = fs.readFileSync www?" + ruta); 


var archivo_accesos = fs.createWriteStreamCaccesos.txt' Cflags”:“a4); 
archivo_accesos.write(ruta + An”) 


if(request.method ==*P0OST” ( 
var posData = null; 


request.setEncodingCutfe”); 


request.on( “data”, function(data) { 
posData = querystring.parse(data); 


html = html.toStringO); 


www.redusers.com << 


242 UZ 7. MANEJO DE PETICIONES EN NODE 


22 


html = html.replaceCinombres”, posData.nombre); 

html = html.replaceCtapellido*, posData.apellido); 

html = html.replaceCicorreos”, posData.correo); 

html = html.replaceCisugerencia)”, posData.sugerencia); 


response.writeHead(200,("Content-Type”:“text/htmI”5+); 
response.write(html); 
response.end(); 
D 
jelse{ 
response.writeHead(200,("“Content-Type”:“text/html”5+); 
response.write(html); 
response.end(); 


http.createServer(arrancarServidor).listen(3000,'127.0.0.1; 
console.log("'Servidor web iniciado en http://127.0.0.1:3000/'); 


exports.iniciar = iniciar; 


En el código anterior nos encargamos de realizar varios cambios, 


que detallamos a continuación: 


Incluimos el módulo querystring y lo asignamos a una variable con el 
mismo nombre. Este módulo nos permitirá obtener las variables que 
serán pasadas por POST. 

Dentro de la función arrancarServidor(), agregamos un condicional 
para verificar mediante el método request.method si se ha producido 
una solicitud del tipo POST. En caso de que esto ocurra, primero 
definimos una variable llamada posData que va a contener las 
variables provenientes del formulario y, como segundo paso, 
codificamos con utf8 los datos provenientes de la solicitud. 
Creamos un listener on(), que no es más que un manejador que 

se ejecutará cada vez que ocurra el evento data, es decir, cuando 

se produzca el envío de datos. 


www.redusers.com 


SISTEMAS WEB ESCALABLES WET 243 


e Utilizamos el método querystring.parse() para dejar de serializar la 
cadena que contiene las variables provenientes del formulario, y 
la asignamos a la variable posData. 

e Usamos el método toString() para decodificar y devolver el 
código html del archivo salida.html. Una vez que tenemos el html, 
reemplazamos las etiquetas fnombre), {apellido}, {correo} y (sugerencia) 
con los elementos correspondientes del objeto posData. 

e Por último, devolvemos el HTML resultante al navegador. 
/ [A Salida 
€ C fè | O 127.0.0.1:3000/salida.html K 





Página salida.html 


Sugerencia recibida 


Tu nombre: Juan Alberto, Perez 
Tu correo: juan(Wperez.com 


Tu sugerencia: Con Node es posible crear un servidor web muy potente y personalizado. Mi sugerencia es utilizar Node para crear sistemas 
altamente escalables. 


Regresar al Inicio 


Figura 19. Una vez que nuestro servidor creado con Node 
procesó la información, se muestra el contenido en sal 1da.html. 





Creamos un sistema que maneja peticiones y rutas y que, además, es un servidor web. Esto quiere decir 


que con Node podemos desarrollar un sistema de manera integral sin tener un servidor externo como 
Apache. También aprendimos que Node dispone de módulos internos que contienen las herramientas 
para cada necesidad. Sin dudas, esto es una gran ventaja, ya que cada sistema es independiente y solo 


debe incluir los módulos que utilizará sin incorporar archivos innecesarios. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


¿Es posible utilizar el patrón de diseño MVC en Node? 
¿Qué son los módulos internos de Node? 


¿Los módulos HTTP y FS pueden ser utilizados desde cualquier archivo de un 
sistema creado con Node? 


0 


¿Qué determinan los métodos writeHead(), write() y end()? 

¿Cuál es el objetivo de exportar un módulo y cuál es la manera de hacerlo? 
¿Cómo es posible obtener la ruta definida en el navegador? 

¿Se puede crear un comportamiento para cada ruta? ¿Cómo? 


¿Node puede devolver solo archivos HTML o también de texto plano? 


O 0O N OY Ol A 


¿Para qué se utiliza el módulo querystring? 


10 Cuando se solicita una página ¿intervienen los métodos POST o GET? 


EJERCICIOS PRÁCTICOS 


] Cree enlaces en cada página del ejemplo para navegar a través del sistema. 
2 Acceda a una URL que no esté definida en el sistema de ejemplo y cree un 
mecanismo para resolver este error. 


3 Guarde en el archivo accesos.txt la fecha y la hora de acceso y el navegador 
utilizado por el cliente. 


Cree una nueva página que contenga un formulario de contacto. 


5 Cree un archivo para guardar las sugerencias recibidas. 


7 SANTA 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorOredusers.com 
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Gestión de modulos 
en Node 


Para comenzar, aprenderemos cómo se estructuran los 





módulos en Node y cómo es el método de carga. Crearemos 
un módulo paso a paso y definiremos su funcionalidad de 
manera estándar. Por último, conoceremos el gestor de 
paquetes de Node y lo utilizaremos para crear un módulo 


que publicaremos en el repositorio público de npm. 
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Mi Modulos 


Node posee un sistema muy simple y eficaz para cargar módulos, 
donde los archivos hacen referencia a los módulos mediante su 
nombre. Por ejemplo: en nuestro sistema vamos a utilizar un módulo 
para calcular el área de un cubo; para esto, primero creamos el archivo 
cubo.js que será nuestro módulo. 


function areallado) ( 
return lado * lado; 
}; 


function longitud(lado) <{ 
return lado * 4; 
le 


exports.area = area; 
exports.longitud = longitud; 


En el código anterior, definimos dos funciones que calculan el área y 
la longitud para un valor establecido. Luego, exportamos las funciones 
para que puedan ser utilizadas desde cualquier lugar. 

A continuación, necesitamos crear el archivo que utilizará nuestro 
módulo. Generamos un archivo con el nombre app.js, en el debemos 
escribir lo que sigue: 


var cubo = require(`./cubo"); 
console.log(*El área de un cubo de 5 cm de lado es:* + cubo.area(5)); 


console.log(*La longitud de un cubo de 5 cm de lado es:* + cubo.longitud(5)); 


En el código anterior, mediante require() incluimos el archivo cubo. 
js, que de ahora en adelante se presenta como un módulo, del cual 
utilizamos los métodos area() y longitud(). 
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EM Administrador cmd.exe - Acceso directo 


de lado es: 25 
La longitud de un cubo de 5 cm. de lado es: 26 


LA E 





Figura 1. Al ejecutar el archivo app .J]s vemos 
el resultado de los métodos exportados de cubo. js. 


Modulos propios de Node 


Node contiene algunos módulos propios, que están compilados 
en binario y se encuentran dentro del mismo directorio de instalación 
de Node, en la carpeta lib/. Estos módulos tienen una prioridad mayor 
de carga si son incluidos con require(); es decir, si en nuestro sistema 
definimos require(*http”), Node devolverá el módulo HTTP, incluso si hay 
un archivo con este nombre. 


Modulo File 


Cuando intentamos cargar un módulo a través de require() y el 
archivo con el nombre exacto no es encontrado, Node intentará 
primero cargar el archivo con la extensión .js; luego, el archivo con la 
extensión .json y por último, el archivo con la extensión .node. En este 
caso, .js es interpretado como un archivo de texto JavaScript, ..son como 
un archivo con formato JSON, y .node como una extensión compilada de 
un módulo que es cargado con dlopen. 

Por otro lado, si especificamos el prefijo / en el nombre del módulo 
que queremos incluir, nos estaremos refiriendo a una ruta absoluta. Es 
decir, require(“/proyectos/node/modulo.js') cargará el archivo en /proyectos/ 
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node/modulo. En cambio, si anteponemos el prefijo ./ indicaremos que 
el módulo se encuentra en una ruta relativa desde donde fue incluido. 
Por último, si omitimos tanto / como /, indicaremos que se trata de un 
módulo básico o que se cargará desde el directorio node_modules. 


Incluir módulos desde 
el directorio node modules 


Si el nombre del módulo que necesitamos incluir a través de require() 
no es un módulo propio ni está precedido de los caracteres /, ./ O ../ 
(este último indica acceso al directorio en un nivel superior), Node 
iniciará el proceso de carga desde el directorio principal del módulo 
actual añadiendo /node_modules. En caso de que el módulo no sea 
encontrado, Node se dirigirá a un directorio superior al actual, y así 
sucesivamente hasta llegar a la raíz. 

Como ejemplo, supongamos que en el archivo /proyectos/node/ 
ejemplol/app.js incluimos un módulo con require(*modulo.js”). Entonces, 
Node buscará este módulo en las siguientes ubicaciones: 


eo /proyectos/node/ejemplol/node_modules/modulo.js 
e /proyectos/node/node_modules/modulo.js 

eo /proyectos/node_modules/modulo.js 

e /node_modules/modulo.js 


Como podemos ver, Node permite desarrollar programas de manera 
que estos encuentren sus dependencias sin que se generen conflictos 
por las rutas de los módulos. 


Cacheo de módulos 


Node provee un sistema de cacheo para los módulos, es decir que, 
después de que un módulo es cargado por primera vez, es almacenado 
en caché y, entonces, devolverá el mismo objeto en futuras llamadas 
mediante el método require(). Por ejemplo, diferentes llamadas a 
require(*'modulo”) no serán ejecutadas múltiples veces. Si quisiéramos 
este comportamiento, deberíamos exportar las funciones del módulo 
y ejecutarlas tantas veces como lo necesitemos. 
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Estructuración y 
creación de modulos 


Vamos a conocer cómo se estructuran los módulos que se utilizan 
en Node, lo que no es un estándar sino una convención. Como 
información relevante, debemos tener en cuenta que la siguiente 
estructura está presente en aproximadamente el 80% de los módulos 
disponibles en Node, por lo que es una buena idea basarnos en ella 
para nuestros ejemplos: 


Nombre del módulo 
|_ lib/ 
| |_ nombre del módulo.js 
| 
|_ bin/ 
| |_ archivo binario 
| 
|_ examples/ 
| |_ example.js 
| 
|_ test/ 
| |_ test.js 
| 
|_ index.js 


|_ package.json 
| README.md 


O IVA IN 





Actualmente, HTML se encuentra en la versión 5 y ofrece muchos beneficios: soporte para audio y video, 
un código más limpio y marcado semánticamente, soporte para el uso de bases de datos locales y 
compatibilidad con los navegadores actuales. Algunos navegadores antiguos (como lE6), junto con los 


navegadores móviles, se han adaptado a esta tecnología. 
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f Al analizar la estructura, vemos que en el 
TODA LA LOGICA directorio lib/ hay un archivo js con el nombre 
DEL MÓDULO LA del módulo, donde se encontrará toda su lógica. 
Por supuesto, es posible tener más archivos, 

ENCONTRAMOS que serán necesarios para el funcionamiento 
EN EL ARCHIVO JS, CE OG ULO; 

En el directorio bin/ encontramos un archivo 
DENTRO DE LIB/ binario que permite la ejecución del módulo 
desde la línea de comandos sin utilizar Node. 
g ke Por ahora no vamos a utilizarlo. 

Las carpetas examples/ y test/ son autodescriptivas y contienen 
un ejemplo de uso y un test del módulo, respectivamente. 

En el directorio principal tenemos el archivo index.js, que servirá 
como punto de acceso al módulo; es decir, cuando incluyamos el 
módulo en una aplicación se invocará a este archivo, y es aquí donde 
vamos a exportar la funcionalidad del módulo propiamente dicho (lo 
entenderemos mejor cuando desarrollemos un ejemplo). 

Por último, tenemos dos archivos más: package.json y README.md; 
por el momento los vamos a crear sin contenido, ya que en el siguiente 
tema explicaremos para qué sirven y cómo utilizarlos. 

Ahora desarrollaremos un ejemplo que nos ayudará a entender 
mejor cómo funcionan los módulos en Node. Debemos considerar que 
el objetivo será traducir los días de la semana y los meses del año a los 
idiomas inglés y portugués. 





En primer lugar debemos crear la estructura necesaria. Para realizar 
esta tarea, nos situamos en cualquier directorio (por ejemplo, en CY) 
y generamos una carpeta denominada Node5. Luego, dentro de ésta, 
creamos otra con el nombre traductor. 


POSTMAN 





Google Chrome posee una extensión llamada Postman que sirve para auditar APIS. Además, tiene so- 
porte de autenticación, posee una interfaz compacta, permite visualizar las respuestas en formato JSON 
y XML, posee una vista previa y un historial, y es posible editar los parámetros. Podemos conocer 
más visitando la página que está en la dirección web https://chrome.google.com/webstore/detail/ 


postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm. 
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A continuación, generamos un archivo llamado index.js y las carpetas 
bin/, examples/, lib/ y test/. Por último, dentro de lib/, creamos un archivo 
llamado traductor.js. Nuestro módulo deberá quedar con el código que 
mostramos a continuación: 


traductor 
|_ 1ib/ 
| |_ traductor.js 
| 
|_ bin/ 
| 


|_ examples/ 


| 

L 

| 

|_ index.js 
|_ package.json 

|_ README.md 

Una vez que tenemos la estructura armada vamos a darle 


funcionalidad. Para realizar esta tarea debemos abrir el archivo 
traductor.js y escribir el código que sigue: 


var salida = null; 


var terminos = 
“dias”: 
“en”: { 

“lunes” :`~`“Monday”, 
“martes” :*Tuesday”, 
“miercoles” : “Wednesday”, 
“Jueves” :*Thursday”, 
“viernes” :`Friday”, 
“sabado” : “Saturday”, 
“domingo” : “Sunday”, 
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O 
“lunes” : “segunda-feira”, 
“martes” : “terça-feira”, 


“miercoles” : “quarta-feira”, 
“Jueves” : “quinta-feira”, 
“viernes” : “sexta-feira”, 
“sabado” : “sábado”, 


“domingo” : “domingo”, 


} 

}, 

“meses”: { 

“en”: { 
“enero” :`“January”, 
“febrero” : “February”, 
“marzo” :`“March”, 
“abril”  : “April”, 
“mayo”  :`“May”, 
“Junio”  : “June”, 
“Julio”  : “July”, 
“agosto” : “August”, 
“septiembre”: “September”, 
“octubre” : “October”, 
“noviembre” : “November”, 
“diciembre” : “December” 
y 

SDE t 


“enero” :`“Janeiro”, 


“febrero” : “Fevereiro”, 


“marzo” : “Março”, 
“abril”  : “Abril”, 
“mayo”  :“Maio”, 
"junio Uno 
“julio”  : “Julho”, 
“agosto” : “Agosto”, 


“septiembre”: “Setembro”, 
“octubre” : “Outubro”, 


“noviembre” : “Novembro”, 
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“diciembre” : “Dezembro” 


var traducir_dia = function (dia, idioma) { 
dia =dia.toLowerCase(); 
idioma = idioma.toLowerCase(); 


if (terminost' dias lLidiomal == null) 


WW 


salida =*El Idioma: *” + idioma + `” No existe.; 
else{ 


if (terminos dias lLidiomalEdial == null) 


WWV MIT. 


salida =*El Día: “ + dia +`” No existe para el idioma `“ + idioma +”; 
else 
salida = dia +` en` + idioma + es: ` + terminos['dias' lLidiomalL dial; 
} 


return salida; 


var traducir_mes = function (mes, idioma) { 
mes  =mes.toLowerCase(); 
idioma = idioma.toLowerCase(); 


if (terminos! 'meses/' lLidiomal] == null) 


NW/ 


salida =*El Idioma: `“ + idioma + `” No existe.; 
else{ 


if (terminosl'meses/' lLidiomallmes] == null) 


C9 ININE NA 





Es importante saber que, cuando se devuelve un objeto JSON desde el servidor, es necesario cambiar 
el tipo de contenido de la respuesta. Por ejemplo, desde PHP se debe agregar Content-Type: application/ 


json. De esta manera, el navegador entenderá de qué se trata la respuesta. 
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WW MIT. 


salida =*El Mes: Y“ + mes +`” No existe para el idioma ` + idioma +”; 


else 


salida = mes +` en` + idioma +*es:* + terminos 'meses' lLidiomalLmes]; 
} 
return salida; 
$; 


exports.traducir_dia = traducir_dia; 
exports.traducir_mes = traducir_mes; 


En el código anterior, primero definimos una variable llamada 
terminos -que contiene un JSON con las claves dias y meses- y, dentro 
de cada una, nos encargamos de especificar el idioma que contendrá 
la traducción correspondiente a cada palabra. 

Luego definimos la función traducir_dia() que 
recibirá dos parámetros: el día y el idioma al cual 


LA FUNCION necesitamos traducir. 

TRADUCIR DIA() En las siguientes líneas, dentro de la función, 
, nos encargamos de convertir a minúsculas los 

TRABAJARA CON parámetros para asegurarnos de que coincidan 

DOS PARÁM ETROS: con las claves de la variable terminos. 


A continuación verificamos el idioma dentro 


DIA E IDIOMA de la clave dias del JSON. Si no existe se devuelve 


un mensaje y, si existe, entonces pasa a verificar 
la existencia del día. Como en el caso anterior, 
devuelve un mensaje si no se encuentra el día y, si se encuentra, 
muestra otro con el día en el idioma solicitado. Como vemos, esta 
función es muy sencilla: simplemente verificamos la existencia de 
las claves y devolvemos el valor correspondiente a cada solicitud. 
Luego definimos una nueva función, prácticamente igual a traducir_ 
dia(), a la que llamamos traducir_mes(). En ella tendremos que hacer 
la traducción del mes de manera similar a la anterior, pero en esta 
ocasión cambiamos las claves que necesitamos traducir. 
Como podemos suponer, tener dos funciones que realizan casi 


el mismo procedimiento no es una buena idea pero, en este caso, 
lo hacemos así solo para poder demostrar el uso de varias funciones 
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en un mismo módulo. Por último, exportamos las dos funciones para 
que puedan ser accedidas desde otro lugar de nuestro módulo. 

Un aspecto importante es que tanto la variable salida como terminos 
quedan encapsuladas dentro del módulo, ya que no hemos exportado 
ninguna de ellas. Esto nos permite definir variables y métodos que son 
únicamente accesibles desde dentro del módulo. 

Con las funciones definidas, debemos invocarlas desde el archivo 
principal. Para esto abrimos index.js y escribimos lo siguiente: 


var traductor = require(”./lib/traductor”); 


var dia = traductor.traducir_dia(“Lunes”, “BR”); 


ITAM 


var mes = traductor.traducir_mes(“enero”, en”); 


console.log(dia); 
console.log(mes); 


En el código anterior, primero incluimos el archivo traductor.js 
y luego llamamos a los métodos para traducir el día y el mes en 
diferentes idiomas; por último, imprimimos en consola cada resultado. 


EM Administrador cmd.exe - Acceso directo 


CosNode5>»traductor+node index. js 
lunes en br es: segunda-feira 
enero en en es: January 


AA AAA A 





Figura 2. Para probar el traductor nos situamos en el directorio 
Node5/traductor/ y ejecutamos el comando node index.)]3s. 
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Hasta ahora nos encargamos de realizar la creación de un módulo, 
pero todavía no es lo suficientemente robusto como para funcionar de 
manera aislada en cualquier aplicación. 

En el archivo index.js incluimos el módulo para probar la 
funcionalidad, pero la función de este archivo es otra. Lo que debemos 
hacer es crear un mecanismo de entrada al módulo de manera que esté 
accesible desde cualquier lugar. Para hacerlo reemplazamos todo el 
contenido de index.js con el siguiente código: 


module.exports = require(*./lib/traductor”); 


De esta manera, exportamos el archivo traductor.js que habíamos 
creado en la carpeta lib/. De ahora en más, cuando necesitemos incluir el 
módulo en una aplicación, simplemente hacemos un require de traductor. 

Para verificar que el módulo funciona como tal, dentro del directorio 
de nuestro ejemplo (Node5) creamos una carpeta llamada node_modules 
y movemos todo el módulo allí. La estructura deberá quedar tal como 
presentamos en el siguiente bloque: 


Node5 
|_ node_modules/ 
|_ traductor/ 
|_ lib/ 
| |_ traductor.js 


| 
bin/ 


examples/ 
test/ 
index.js 


package.json 


L 
| 
L 
| 
L 
| 
E 
L 
| README.md 


En la raíz del proyecto, creamos un archivo llamado app.js y dentro 
de éste agregamos el siguiente código: 
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var traductor = require(traductor”); 


var dia = traductor.traducir_dia(“Lunes”, “BR”); 


IT MA 


var mes = traductor.traducir_mes(“enero”, en”); 


console.logí(dia); 
console.log(mes); 


Ahora app.js es el archivo principal de la aplicación. En la primera 
línea incluimos el módulo traductor, y como no le hemos especificado 
los caracteres “FP, *. o *..', Node inicia el proceso de carga desde el 
directorio node_modules/, que a su vez ejecuta el archivo index.js. 

Continuando con el archivo app.js, en las siguientes líneas ejecutamos 
los métodos traducir_dia() y traducir_mes(), respectivamente, asignamos 
los resultados en las variables, y las mostramos en la consola. 


EM Administrador cmd.exe - Acceso directo 


GCisNode5?node app. Js 
martes en br es: terça-feira 
octubre en br es: Outubro 


G:5Hode5 > 





Figura 3. Ahora app. 3s utiliza los métodos 
del traductor simplemente con incluir el módulo. 


Con estas modificaciones, creamos un módulo que puede ser usado 
en cualquier aplicación al copiar el contenido de la carpeta traductor/ 
dentro de la carpeta node_modules/ e incluir el módulo. Luego, haremos 
que el módulo esté disponible para cualquier aplicación. 


www.redusers.com << 


258 PET 8. GESTIÓN DE MÓDULOS EN NODE 


à Gestor de paquetes npm 


Una de las utilidades de Node es el gestor de paquetes npm, llamado 
Node Package Manager (que en realidad significa Non-Parametric 
Mapping). Este gestor de paquetes es la principal herramienta para 
manejar dependencias o módulos en Node, porque provee una manera 
sencilla para distribuir código a través de un repositorio global. 

Como npm viene integrado a Node desde la versión 0.6.3, es 
probable que ya lo tengamos instalado. Para verificar que efectivamente 
sea así, abrimos una ventana de comandos y escribimos lo siguiente: 


npm version 


En la Figura 4 podemos la información que nos devuelve la 
ejecución del comando anterior. 


ER Administrador cmd.exe - Acceso directo 


EAS 

£ http _parser: "1.0", 
node: *46.18.B”, 
vð: "3.14.5.8"., 


Gi aE 





Figura 4. Al ejecutar el comando npm version vemos 
las versiones de Node y del gestor de paquetes que tenemos instaladas. 


Comandos de npm 


El gestor npm es muy fácil de usar y dispone de varios comandos; 
los más comunes permiten instalar, buscar y publicar paquetes. 
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A continuación, en la Tabla 1, conoceremos los más importantes 


para luego utilizarlos en nuestro módulo. 


COMANDOS DE NPM 


yw COMANDO 


a ele 





npm adduser 


npm init 


npm search <módulo] 


palabra clave> 


npm info <módulo> 
npm ls 
npm outdated 


npm install 


<módulo> 


npm publish 


<módulo> 


npm uninstall 


<módulo> 


npm unpublish 


<módulo> 


npm home 


<módulo> 
npm help folders 


npm view <módulo> 


[<version>] [<campo>] 
npm help npm 


npm whoami 


Crea o verifica un usuario en el registro de npm y guarda las credenciales en un archivo 
.npmrc. Este comando solicita nombre de usuario, clave y correo electrónico. 

Este comando es quizás el más importante de todos, porque nos permite crear, 
modificar y generar un archivo package.json, que contiene toda la información 

de un módulo en particular. 

Permite buscar en el registro de nom algún módulo coincidente con el nombre o una 


palabra clave. 

Muestra información de un módulo en formato json. 

Lista todos los paquetes instalados en un directorio en formato de árbol. 
Verifica si existen versiones nuevas de los módulos instalados en una aplicación. 


Permite instalar cualquier módulo y sus dependencias desde el repositorio de npm. 


Con el parámetro -g instala el módulo de manera global. 


Publica un módulo en el repositorio público de npm. El módulo debe contener el 


archivo package.json. 


Desinstala el módulo indicado. 


Elimina el módulo del repositorio público de npm. 


Muestra el sitio web del módulo. 


Presenta la explicación de cómo funciona la instalación de módulos. 


Brinda información del módulo especificado; además, es posible especificar la 


versión y un campo en particular. 


Explica cómo funciona npm. 


Muestra la configuración del usuario en caso de que se haya agregado. 


Tabla 1. Algunos de los principales 


comandos de npm que vamos a utilizar en los módulos. 
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Si bien recién estamos conociendo npm, ya podemos darnos cuenta 
de que es una herramienta muy útil para instalar módulos y publicar 
los propios sin mayor dificultad. 


Mta sp 
adduser(1) 
bin(1) 


bugs(1) 
Index of all npm documentation banda) 
cache(1) 
changelog(1) 
coding-style(1) 
README completion(1) 
config(1) 
dedupe(1) 
deprecate(1) 
developers(1) 
node package manager So) 





Command Line Documentation 


adduser(1) global(1) 


Add a registry user account json(1) 


1s(1) 
npm(1) 


bin(1) outdated(1) 
owner(1) 
pack(1) 
prefix(1) 
i i (1) 
Display npm bin folder n, 
rebuild(1) 
registry( 1) 
bugs(1) pr, E 1) 
rm(1) 
root(1) 
-script(1 
Bugs for a package in a web browser maybe pre ) 


search(1) 
semver(1) 


Figura 5. Para ver la lista completa de los comandos de npm 
podemos acceder al siguiente enlace: https: //npmjs.org/doc. 


Para utilizar nom en nuestro ejemplo, debemos instalar el módulo 
colors, que nos servirá para colorear la salida en consola y hacerla más 
legible. En primer lugar, abrimos una consola y nos situamos en la carpeta 
del proyecto (Node5/); luego ejecutamos el comando npm install colors. Este 
procedimiento instalará el módulo dentro de la carpeta node_modules/. 

Vemos que el módulo se ha instalado a la misma altura que 
traductor/. En este punto debemos considerar que esto quiere decir 
que estará disponible para cualquier lugar de la aplicación. 





Connect es un conjunto de herramientas para el desarrollo de aplicaciones en Node. Es muy útil porque 


posee componentes que manejan un sistema de acceso, compresión, autenticación y un parseador de 
JSON y, además, contiene un mecanismo para manejar sesiones, directorios, favicon y errores, entre 


otros. Podemos conocer más en el siguiente enlace: http://senchalabs.org/connect. 
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ER Administrador cmd.exe - Acceso directo 


Ciscd Hode5 


AAA 
AA 
p https :7rregistry.npmjs .org/colors 
colors*48.6.8-1 node_modules*colors 


A A 





Figura 6. Con solo ejecutar el comando npm install colors 
en la consola, tenemos disponible el módulo en el directorio actual. 


Para utilizar colors en nuestro módulo, debemos incluirlo en el 
archivo lib/traductor.js y, luego, agregar los colores a las diferentes 
salidas que imprimimos en la consola. El archivo traductor.js quedará 
de la siguiente manera: 


var colors = require(“colors/); 
var salida = null; 


var terminos = 
“dias”: 

“en”: { 
“lunes” :`“Monday”, 
“martes” :`Tuesday”, 
“miercoles” : “Wednesday”, 
“jueves” : “Thursday”, 
“viernes” :*Friday”, 
“sabado” : “Saturday”, 
“domingo” : “Sunday”, 

y 

DEA 
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“lunes” : “segunda-feira”, 
“martes” : “terça-feira”, 
“miercoles” : “quarta-feira”, 
“jueves” : “quinta-feira”, 
“viernes” : “sexta-feira”, 
“sabado” : “sábado”, 


“domingo” : “domingo”, 


} 
y 
“meses”: { 
“en”: { 
“enero” :`“January”, 
“febrero” : “February”, 
“marzo” :`“March”, 
“abril”  : “April”, 
“mayo”  :“May”, 
“Junio”  : “June”, 
“Julio”  : “July”, 
“agosto” : “August”, 
“septiembre”: “September”, 
“octubre” : “October”, 
“noviembre” : “November”, 
“diciembre” : “December” 
y 
al 


“enero”  : “Janeiro”, 
“febrero” : “Fevereiro”, 


“marzo” : “Março”, 


8. GESTIÓN DE MÓDULOS EN NODE 





Es interesante tener en cuenta que el repositorio público de módulos NPM (Node Packaged Modules) 


posee una cantidad impresionante de módulos disponibles para utilizar: hasta el momento se encuentran 


registrados más de treinta mil. Podemos buscar, instalar o publicar módulos en cualquier momento, 


mediante el acceso al siguiente enlace: https://npmjs.org. 
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“abril”  : “Abril”, 
“mayo”  :`“Maio”, 
“Junio”  : “Junho”, 
“Julio”  :~“Julho”, 
“agosto” : “Agosto”, 
“septiembre”: “Setembro”, 
“octubre” : “Outubro”, 
“noviembre” : “Novembro”, 
“diciembre” : “Dezembro” 


var traducir_dia = function (dia, idioma) { 
dia =dia.toLowerCase(); 
idioma = idioma.toLowerCase(); 


if (terminost'dias' lLidiomal == null) 

salida = CEI Idioma: `“ + idioma +*” No existe.).red; 
else{ 

if (terminosP'dias' JLidiomalLdial == null) 


salida = CEI Día: `“ + dia +`” No existe para el idioma `“ + idioma +”). 
red; 
else 
salida = dia +* en* + idioma.bold +*es:* + terminost'dias' lLidiomalLdial. 
magenta; 


} 





Nodester es un servicio de alojamiento para aplicaciones creadas en Node. Es de código abierto (open 


source) y provee un servicio llamado plataforma como servicio, desarrollado también con Node a 
través de la API RESTful. Para obtener más información podemos acceder a la página que se encuentra 


en la dirección web http://nodester.com. 
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return salida; 
,; 


var traducir_mes = function (mes, idioma) { 
mes  =mes.toLowerCase(); 
idioma = idioma.toLowerCase(); 


if (terminosl*meses' lLidiomal == null) 

salida = ("El Idioma: “ + idioma +'” No existe.”).red; 
elseí 

if (terminos['meses' lLidiomalLmes] == null) 


WW 


salida = CEI Mes: ` + mes +`” No existe para el idioma *” + idioma + 
w) red; 
else 
salida = mes +` en` + idioma.bold + es: ` + terminosL‘`meses’]Lidioma] 
Lmes].magenta; 
} 
return salida; 


T 


exports.traducir_dia = traducir_dia; 
exports.traducir_mes = traducir_mes; 


En el código anterior definimos que los errores se muestren 
en color rojo, el idioma en negrita y los días y meses, en magenta. 
Para verificar los cambios, nos situamos en el directorio de nuestro 
ejemplo y ejecutamos node app.js. 


ID AAA 3 3 





Debemos tener en cuenta que Node no necesita la existencia de múltiples procesadores para escalar, 
sin embargo, es posible crear nuevos hilos de ejecución que funcionarán en paralelo, haciendo que la 
ejecución de tareas sea más eficiente. También se puede utilizar el módulo cluster para balancear la carga 


de las conexiones entrantes a través de múltiples procesos. 
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diciembre en br es: 
AA AA E 
diciembre en br es: 


AAA A Es 
martes en br es! 


AA iii pe 





Figura 7. Con el módulo colors instalado 
podemos mostrar mensajes con color en la consola; 
esto genera una presentación más amigable. 


En este punto ya tenemos instalado un módulo del cual depende el 
nuestro para funcionar, es decir que traductor necesitará de colors para 
mostrar los mensajes en la consola. 

Siguiendo con nuestro ejemplo, llegó el momento de trabajar con los 
archivos README.md y package.json. 


README.md 


El archivo README.md es de suma importancia, porque constituye la 
presentación de nuestro módulo ante el mundo. Esto significa que debe 
contener toda la información que creamos relevante acerca del módulo. 
En el archivo README.md de nuestro ejemplo escribimos lo siguiente: 


# Traductor 


## Este módulo es útil para traducir días y meses del idioma español al inglés y 
portugués. 


## Instalación 
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npm install traductor 
## Uso 


“js 
var traductor = require traductor”); 


var dia = traductor.traducir_dia("Martes”, Yen”); 
var mes = traductor.traducir_mes( “diciembre”, “br” ); 


console.log(dia); 
console.log(mes); 


## Dependencias 
colors 
## Licencia 


BDS 


A continuación, mencionaremos algunos consejos importantes para 
escribir correctamente el archivo README.md: 


e Debe contener un título y una breve descripción del módulo. 

e Se debe indicar el comando de instalación. 

e Se debe incluir un ejemplo de uso, si es aplicable. 

e Se deben detallar los colaboradores, en caso de que existan. 

e Se debe indicar el tipo de licencia. 

e Elarchivo debe llamarse README.md, no ReadMe.md ni README. 


Hasta este momento hemos preparado nuestro módulo para 
que tenga una presentación cuando lo compartamos en el directorio 
público de npm, pero aún no hemos realizado la definición de cómo 
se compone el módulo. Para esto, necesitamos editar el archivo 
package.j¡son. A continuación veremos cómo hacerlo. 
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How To Write A Readme Fie ia 


This pos wag ipay brien R my persona Woy hipoijesusabdullah grub. com, wwe iwribnig 
decumamaion For ine Flatiron ramewark Flabrana documentation (3 10d 100%. Up-d6-En1 yar, buf mera 


following standards and girde pf vëy amia to ese 95 we Win ihe gips. 


Sa yiure wiling à madue. Gool Are you ready lo documen 11? Fm here lo help 





fm no expert on readies. | Mave, pwive, read a L al readme [HA goai amd badj, mrien iy Tair ahane 
ol readmés and documentation, and—mosl mpordanty-—hinve tmed sirong opinions on wal 1 shguki Si Name 
if aL reia Josh Holbrook 
aura dia jesurabaullan 
Thi pial lotus ón he “ira pass” Tor pour readme These PROTIPS are applicable. however lo readmes e Y» 
Location 


y ar ages 
Oakland, wA 


1. Write an Example, Right Now About this article 


Figura 8. En http://blog.nodejitsu.com/how-to-write- 
a-readme podemos ver un artículo acerca de cómo escribir un Readme. 


package.json 
El archivo package.json es imprescindible para npm porque en él se 
definen todas las características propias de un módulo. 


package.json», interactive guide 


í The unique name of your package. 


"name": "http-server”, 
"preferGlobal": true, 

"version": "0.3.0", j . ` 5 
"author": "Nodejitsu <supportfinodejitsu.com>", This will also indicate the name of the 
"description": "a simple zero-configuration command-line http 


server”, package in the NPM global repository ( if you 


"contributors”: [ 
í choose to publish it. ) 
"name": “Marak Squires", 
"email": "marakfnodejitsu.com" 
} 
E On Nodejitsu, this property will represent the 
“bin”: { 
i “http-server”": "./bin/http-server” name of your application. 
"scripts": ( 
“start”: "node ./bin/http-server”, 
"test": "vows --spec --isolate”, 
"predeploy”: "echo This will be run before deploying the ap 
Pp”, 
"postdeploy”: "echo This will be run after deploying the ap 
p" 
h 
"main": "./lib/http-server”, 


“repository”: ( 


Figura 9. El sitio http: //package.3son.nodeji1itsu.com 
posee una guía que muestra la estructura del archivo package. json. 
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Para agregar la información del módulo en 


EL COMANDO este archivo, abrimos una consola y nos situamos 
NPM INIT PERMITE dentro del directorio del módulo (es decir en 
Node5Mmnode_modulesttraductor) y posteriormente 
AGREGAR LA ejecutamos el comando npm init. 
INFORMACIÓN DEL Debemos considerar que una vez que hayamos 


ejecutado el comando mencionado veremos una 


MÓDULO AL ARCHIVO serie de preguntas que debemos ir completando 





en 


O ODA oo) 


para que se pueda completar la configuración 
del archivo json. La utilidad nos ofrece un valor 


sugerido para algunos parámetros; en caso de queramos usarlo, solo 
debemos pulsar la tecla ENTER. 


EX Administrador: cmd.exe - Acceso directo a | o [5 





GiNode5inode_modulesitraductor>npm init 
This utility will walk you through creating a package.json file. 
It only covers the most common items, and tries to guess sane defaults. 


See `npm help json* for definitive documentation on these fields 
and exactly what they do. 


Mm 


Use *npm install <pkg> —--save` afterwards to install a package and 
save it as a dependency in the package. ¡son file. 


^C at any time to quit. 
z= Ctraductor? 
TT A Oo G 
description: Este módulo es útil para traducir días y meses del idioma español a 
l inglés y portugés. 
entry point: Cindex.js? 
test command: 
git repository: 
z traductor, días, meses 
~: Carlos Alberto Benitez 
O SID 
CES CAER ALA URSS A E 


z: "traductor", 
2 ME! 5] 1" 
"description": "Este módulo es útil para traducir días y meses del idioma espa 
ñol al inglés y portugés."., 
“main”: "index. js", 
“"directories': 
"example': "examples", 
“test”: West" 


Figura 10. Al momento de ejecutar el comando npm init 
debemos ingresar los parámetros para crear package. json. 


LEE 





Como sabemos, Node posee una comunidad muy grande de desarrolladores y entusiastas repartidos 


por todo el mundo. En la página oficial de este sistema hay una sección donde podemos encontrar 


documentación, listas de correos, conferencias y canales de IRC, entre otros. Podemos ser parte de ella 


accediendo al siguiente enlace: http://nodejs.org/community. 


22 


www.redusers.com 


SISTEMAS WEB ESCALABLES WET 269 


Tengamos en cuenta que el archivo package.json debería tener un 
contenido similar al que presentamos a continuación: 


“name”: traductor”, 
“version”: 0.0.1”, 
“description”: “Este módulo es útil para traducir días y meses del idioma espa- 
ñol al inglés y portugés.”, 
“main”: *index.js”, 
“directories”: { 
“example”: “examples”, 
“test”: “test” 
y 
“scripts”: { 
“test”: “echo Error: no test specified\” && exit 1” 
}, 
“repository”: `”, 
“keywords”: L 
“traductor”, 
“días”, 
“meses” 
d, 
“author”: “Carlos Alberto Benitez”, 
“license”: “BSD”, 
“readmeFilename”: “README.md” 


En este momento ya tenemos el módulo casi listo para poder 
publicarlo en el repositorio de npm, solo nos falta agregar el módulo 
colors como dependencia. Debemos editar el archivo package.json 
y agregar lo siguiente, justo antes de la clave author: 


“dependencies”: { 
“colors”: \\* 
y 
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Recordemos que el archivo package.json debería verse parecido a lo 
que presentamos en el siguiente código: 


“name”: “traductor”, 
“version”: “0.0.1”, 
“description”: “Este módulo es útil para traducir días y meses del idioma espa- 
ñol al inglés y portugés.”, 
“main”: “index.js”, 
“directories”: { 
“example”: “examples”, 
“test”: “test” 
y 
“scripts”: { 
“test”: “echo \ Error: no test specifiedW” && exit 1” 
}, 
“repository”: `, 
“keywords”: L 
“traductor”, 
“días”, 
“meses” 
i 
“dependencies”: { 
“colors”: “7% 
i 
“author”: “Carlos Alberto Benitez”, 
“license”: “BSD”, 
“readmeFilename”: “README.md” 


En este punto estamos listos para realizar la publicación de nuestro 
módulo en el repositorio público correspondiente. Lo primero que 
debemos hacer es crear nuestro usuario, ejecutando en la consola el 
comando que mostramos a continuación: 


npm adduser 
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EX Administrador: cmd.exe - Acceso directo lolo [a 


HS A LESS SSI adduser 

Username: cabenitez 

Password: 

Email: cabenitez83PBgmail.com 
https:7/7/registry.npmjs.org/-/user/org.couchdb.user:cabenitez 
https:7/7/registry.npmjs.org/-/user/org.couchdb.user:cabenitez 
https://registry.npmjs.org/—/user/org.couchdb.user:cabenitez 
https:7/7/registry.npmjs .o0org/-/user/org.couchdb.user:cabenitez 
https:7/7/registry.npmjs.org/-/user/org.couchdb.user:cabenitez/-rev/i 

-aacca8ĝ88cab4i7c0764d41641209e66chb 

npm https :7//registry.npmjs.o0org/-/user/org.couchdb.user:cabenitez/-rev/i 

—aaccaĝ8cab4i7c0764d41641209e66ch 


C:\Node5SN\node_modulesNtraductor > m. 





Figura 11. Cuando ejecutamos el comando npm adduser 
debemos ingresar un nombre de usuario, una clave y un correo electrónico. 


Por último, vamos a publicar el módulo. Para esto, en la consola nos 
situamos en el directorio del módulo (es decir, en Node5\node_modules\ 
traductor) y ejecutamos el siguiente comando: 


npm publish 


Administrador: cmd.exe - Acceso directo lolo 


GiNode5inode_modulesitraductor>npm publish 
IATA ESA 
https://registry.npmjs.org/traductor 
https://registry.npmjs.org/traductor 
https://registry.npmjs.org/traductor 
https:7/7/registry.npmjs .o0org/traductor/-/traductor-0.0.1.tgz/-rev/i-d 
A 
https ://registry.npmjs.org/traductor/—/traductor-M.B8.1.tgz/—rev/1i-d 
PERO PI IA 
https://registry.npmjs.org/traductor/M.4.1/—tag/latest 


https://registry.npmjs.org/traductor/M.M.1/—tag/latest 
+ traductorPB.B8.1 





Figura 12. El comando npm publish 
automáticamente sube el módulo al repositorio público de npm. 
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Si deseamos verificar que efectivamente hemos realizado la 
publicación del módulo en el repositorio público de npm, podemos 
acceder a la página que se encuentra en la dirección https://npmjs. 
org/package/traductor. Otra opción interesante y eficiente es 
realizar una búsqueda accediendo al sitio web que se encuentra 
en la dirección https://npmjs.org. 


O traductor | + 
A 


l 


meea 





cabenitez 
Lar Pro tia | Log e 


traductor 


Ea MP RECITAR 


Este módulo es útil para traducir días y meses del idioma 
español al inglés y portugés. 


Maintainers 
Wersión 
License 
Keyrords 
Dependenciós 


Figura 13. 


$ cabenitez 


0.0.1 lasi updated a lew seconds ago 
BSD 
lráducior, dias, meses 


colors 


En el sitio de nom podemos buscar 


el módulo y ver cómo se presenta ante el mundo. 


Por otra parte, si queremos realizar la verificación de que el módulo 
pueda ser instalado de manera correcta, será necesario que creemos un 
directorio nuevo y, dentro de éste, un archivo JavaScript; por ejemplo, 
con el nombre app.js. El archivo que hemos creado deberá contener el 
código que mostramos a continuación: 


(Dd FRAMEWORK PARA DESARROLLOS EN HTML5 





iio Engine es un magnífico framework para el desarrollo de aplicaciones en HTML5. Está bien docu- 


mentado y crear funcionalidades complejas no requiere más que unas pocas líneas. Además, incluye un 


sistema de depuración avanzado, ocupa muy poco espacio y es de código abierto. Podemos conocer 


más en el siguiente enlace: http://iioengine.com. 
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var traductor = requireCtraductor”); 


var dia = traductor.traducir_dia(“Lunes”, “br”); 
var mes = traductor.traducir_mes(“enero”, “br”); 


console.logí(dia); 
console.log(mes); 


Después, en la consola, nos situamos en el directorio recién creado 
y ejecutamos el comando npm install traductor. Finalizada la descarga, 
ejecutamos la aplicación con el comando node app.js, que deberá 
mostrarnos el día y el mes traducido en la consola. 





En esta sección aprendimos cómo se estructuran los módulos y conocimos los métodos de carga que 


utiliza Node para el sistema de paquetes. También descubrimos una de las herramientas más poderosas 
de Node, npm, que nos permite instalar cualquier módulo desde el repositorio público a nuestro entorno 
local y posibilita la publicación de nuestros propios módulos para que estén accesibles para cualquier per- 
sona. Además, hemos conocido los módulos externos, que hacen de Node una tecnología muy ventajosa 
frente a otras, ya que son fáciles de utilizar y, al tener una estructura uniforme y encapsulada, permiten 


ser usados con total libertad. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


¿Node posee módulos propios? 

¿Qué es el comando exports y cuándo se debe utilizar? 

¿Es correcto utilizar requiere() para agregar un módulo? Justificar. 

¿Los módulos son instalados automáticamente en el directorio node_modules? 
¿Los módulos son cacheados o se cargan cada vez que son incluidos? 

¿Existe un modo estándar de estructurar los módulos? 

¿Qué orden implementa Node para cargar un módulo? 


¿npm sirve para crear el archivo package.json? Explicar. 


O O N O dl BA QQ N FF 


¿Para qué se utilizan los comandos npm install y npm publish? 


fal 
O 


¿Un módulo puede ser una dependencia de otro módulo? 


¿Es necesario definir el archivo package.json para publicar un módulo? Justificar. 


Pa 
þa 


EJERCICIOS PRÁCTICOS 


] Cree la estructura necesaria para publicar el primer ejemplo del capítulo en el 
repositorio público de npm. 


Cree un método para traducir las estaciones en los idiomas inglés y portugués. 
Realice cambios, modifique el color de la salida e intente publicar los cambios. 


Cree un módulo para imprimir en consola texto generado al azar. 


2 
3 
4 
9 


7 SANTA 


Publique el módulo anterior y vuelva a instalarlo en una nueva aplicación. 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorOredusers.com 


> www.redusers.com 
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AAA 


Modulos más 
importantes de Node 


Nos enfocaremos en algunos de los módulos más 
importantes de Node. Conoceremos los frameworks 

MVC y, en particular, Express. Aprenderemos a realizar 
aplicaciones en tiempo real y a enviar correos electrónicos. 


Además, veremos cómo interactuar con Redis desde Node. 


v Frameworks MVC o..ccocoooom.... 276 v Redis Commander ...mmmmoooc..... 305 SS 


A E 217 v NodeMON....cccccccccoanana nana 306 
ia (y e A areae ner ees 291 O rereana eeraa 309 
v Nodemailer.....sssnssnsnnnnnnnnnnnnns 298 v ActividadeS...ooccocccccnnnnocmnraanras 310 
il (ao | A 302 
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à Frameworks MVC 


Podemos afirmar que un framework es un entorno de trabajo 
que nos entrega algunas herramientas de uso común, por ejemplo 
una estructura estándar que implementa conceptos y prácticas 
optimizadas. Su uso nos ofrece un marco de trabajo que podemos 
tomar como base de cualquier desarrollo. 

Por otro lado, cuando hablamos de MVC (Modelo-Vista- 
Controlador), estamos haciendo referencia a un patrón de diseño 
de estructuración de archivos, donde se separan los datos, la lógica 
de negocio y la presentación de sistema. 

Ahora que tenemos una mínima referencia de qué es un framework 
y también qué significa MVC, vamos a entender por qué es importante 
optar por un framework en Node. 

En el Capítulo 8 hemos desarrollado un ejemplo simple, donde no 
necesitábamos más que imprimir los resultados en la consola; pero, 
a la hora de crear un sistema web completo, es una buena práctica 
contar con un marco de referencia para manejar plantillas HTML, ruteo 
de solicitudes, cookies, sesiones y persistencia de datos, entre otras 
capacidades propias de cualquier sistema. 

En la Tabla 1 vemos algunos de los frameworks más conocidos. 


FRAMEWORKS MVC 


w NOMBRE A S AON 
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Tabla 1. Características de los diferentes 
frameworks que podemos utilizar en Node. 


y Express 


Como mencionamos antes, Express es el framework más conocido 
de Node. Su éxito se debe a la simplicidad de uso y a la flexibilidad que 
proporciona para organizar la estructura de diversos tipos de sistemas. 

En síntesis, debemos tener en cuenta que brinda una capa de 
abstracción que nos simplifica el trabajo con plantillas HTML, ruteo 
de solicitudes y manejo de cookies y sesiones. Posee un conjunto de 
herramientas denominado middleware que provee lo siguiente: 


e basicAuth(): esta herramienta se encarga de 


implementar un sistema de autenticación de EL CONJUNTO DE 
usuarios básico, gracias al cual realizamos HERRAMIENTAS 
estas tareas en forma sencilla. 

e bodyParser(): decodifica los datos que se reciben MIDDLEWARE POSEE 
en las solicitudes de los clientes; soporta los DIVERSAS OPCIONES 


formatos JSON, urlencoded y multipart. 


e cookieParser(): esta herramienta nos permite IMPORTANTES 


parsear las cookies que han sido enviadas por 

el navegador web que usamos. 

cookieSession(): provee un sistema de cookies basadas en sesiones. 
*directory(): posibilita utilizar los archivos de un directorio definido. 
*query(): parsea un query string. 

*favicon(): maneja archivos favicon. 


*session(): brinda un sistema para manejar sesiones. 
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Instalación 


En este momento, en que ya conocemos un poco mejor a Express, 
podemos empezar a trabajar con él. Para instalarlo necesitamos contar 
con Node y npm en nuestro sistema. Para comenzar, abrimos una 
consola y escribimos lo siguiente: 


npm install -g express 


Mediante el uso de este comando hemos instalado Express en 
modo global, de manera que se encontrará disponible en todo el 
sistema desde el gestor de paquetes npm. 


EX Administrador: cmd.exe - Acceso directo come] (Em) 


C:\>npm install -g express 
https:7/7/registry.npmjs .o0org/express 
https:7/7/registry.npmjs .o0org/express 
https://registry.npmjs.org/connect/2.7.9 
IAEA ASA EIA! 
https:7⁄/7/registry.npmjs.org/range-parser/0.0.4 
https://registry.npmjs.org/mkdirp/0.3.4 
IAEA AR O A E 
https ://registry.npmjs.org/buffer-crc32/B8.2.1 
AE A A 
https:7/7/registry.npmjs .org/methods7/0.0.1 
https:7/7/registry.npmjs.org/send/ð.1.ð 
https:7/7/registry.npmjs .org/cookie-signature/1i.ð0.1 
https:7/7/registry.npmjs .org/debug 
https :7/7/registry.npmjs .org/connect/2.7.9 
https:7/7/registry.npmjs .org/buffer-crc327/0.2.1 
https :7⁄/7/registry.npmjs .org/commander/ð0.6.1 
https:7/7/registry.npmjs .-.org/fresh/ð0.1.0 
https:7/7/registry.npmjs .org/range-parser/0.0.4 
https :7/7/registry.npmjs.org/methods7/0.0.1 

methods. 0.1i No README.md file found? 

https:7/7/registry.npmjs.org/send/ð.1.0 
https:7/7/registry.npmjs .org/cookie-signature/1i.ð0.i 
https:7/7/registry.npmjs .org/debug 
https ://registry.npmjs.org/mkdirp/B8.3.4 
EII AA A E 
AE MSIE AA As 
AAA MI RES AA A 
https://registry.npmjs.org/qas/M.6.4 
https://registry.npmjs.org/formidable/1.4M.13 
https://registry.npmjs.org/bytes/0.2.B 
https:7/7/registry.npmjs .org/pause/ð.0.1 





Figura 1. Al instalar Express de manera global 
podremos crear una aplicación en cualquier directorio. 


A ' UTILIZAR EJS EN LUGAR DE JADE EN EXPRESS 





Es necesario considerar que una alternativa al motor de vistas por defecto de Express es utilizar EJS 


(Embedded JavaScript). La ventaja que posee este motor es que nos ofrece una gran similitud a la 
escritura de HTML, por esta razón no demanda tiempo para aprender a usarlo, a diferencia de Jade que 
utiliza una sintaxis basada en la indentación. Podemos conocerlo mejor si visitamos el sitio web que 


encontramos en la dirección: http://embeddedjs.com. 
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Creación de una aplicación 


Una vez que tenemos instalado Express, ya 
podemos crear nuestra aplicación. Para esto, nos 
situamos en cualquier directorio de la consola 
(por ejemplo CV y escribimos lo siguiente: 


express EjemploApp 


Mediante este comando, Express creará una 
estructura totalmente funcional con los archivos 
necesarios para empezar a trabajar. La estructura 
generada es la siguiente: 


EjemploApp 
|_ public/ 
| |_ images/ 
| |_ javascripts/ 
| |_ stylesheets/ 
| |_ style.css 
| 
|_ routes/ 
| |_ index.js 
| |_ user.js 
| 
|_ views/ 
| |_ index.jade 
| |_ layout.jade 
| 
L app.js 
|_ package.JSON 
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MEDIANTE UNA 
CONSOLA DE 
COMANDOS PODEMOS 
CREAR UNA 
APLICACIÓN EXPRESS 


Como podemos ver en el bloque anterior, la estructura de nuestra 


aplicación es bastante sencilla, e incluso ya tenemos creado el archivo 


denominado package.JSON, el cual se encarga de contener todas las 


dependencias que nuestra aplicación necesite. 
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EX Administrador: cmd.exe - Acceso directo 


C:N express A 


Ejemploñpp 
EjemploApprpackage. json 
EjemploApprapp.. Jz 

Ejemploůpp- public 
EjemploApprpublic- javascripts 
IMA E 
EjemploApprpublic-s=tylesheets 
AAA ERA E 
AS E 
EjemploApprroutes-index. Js 
EjemploApprroutes-userP., Js 
AS AAA E 
EjemploAppruiewsrlayout. jade 
ATAR 


install dependencies: 
cd Ejemploñpp &¢ npm install 


run the app: 
5 node app 





Figura 2. Al ingresar el comando, 
Ejempl1oApp ya tiene la estructura básica para funcionar. 


Instalación de dependencias 


Una vez que hemos realizado las acciones necesarias para crear 
la aplicación, necesitamos instalar las dependencias. Si observamos 
el mensaje generado por Express luego de la creación de EjemploApp, 
notaremos que muestra lo siguiente: 


cd EjemploAPP && npm install 


Con estos comandos nos hemos situado dentro de la aplicación y, 
mediante npm, hemos instalado las dependencias necesarias dentro del 


LEE 





A ON il 


Es interesante considerar que existe una alternativa bastante eficiente a Node, Vert.x. Se presenta como 


un proyecto que soporta JavaScript, Coffee Script, Ruby, Python, Groovy, Java y que incluso brinda 
la posibilidad de combinar estos lenguajes. Vert.x permite crear sistemas escalables y de tiempo real de 
manera muy fácil. Podemos encontrar información adicional visitando el sitio web que se encuentra en la 


siguiente dirección: http://vertx.io. 
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directorio denominado node_modules/. En este punto podemos observar 
que también se incluye el módulo llamado express en la aplicación: 

es necesario considerar que esto es necesario ya que, desde ahora, 
EjemploApp se encargará de utilizarlo para poder funcionar. 





EX Administrador: cmd.exe - Acceso directo œ|- 


C:\>cd Ejemploĥñpp && npm install 
application-namefð.ð.1i No README.md file found? 

https://registry.npmjs.org/express/3.2.4 
https://registry.npmjs.org/jade 
https://registry.npmjs.org/express/3.2.4 
https://registry.npmjs.org/jade 
https://registry.npmjs.org/connect/2.”7.9 
EAS ARS EUA 
https://registry.npmjs.org/range-parser/B.B.4 
https:77/registry.npmjs .org/mkdirp/ð0.3.4 
https:7/7/registry.npmjs .o0org/cookie/ð.0.5 
https://registry.npmjs.org/buffer-crc32/B8.2.1 
https ://registry.npmjs.org/fresh/40.1.08 
AE SAA EAS! 
AI E E AS A | 
AE MAS A AA A Sl 
https:77/registry.npmjs .org/debug 
https ://registry.npmjs.org/commander 
IAEA IMA A 
https://registry.npmjs.org/character—-parser 
https:7/7/registry.npmjs .org/monoc le 
https://registry.npmjs.org/transformers 
https://registry.npmjs.org/commander/BM.6.1 
https ://registry.npmjs.org/range-parser/B.B.4 
EE ASA sE 
https://registry.npmjs.org/mkdirp/0.3.4 
https://registry.npmjs.org/connect/2.7.9 
https:7/7/registry.npmjs .org/methods7/0.0.i1 
https://registry.npmjs.org/buffer-crc32/B8.2.1 
https ://registry.npmjs.org/fresh/0.1.08 
https://registry.npmjs.org/cookie-signature/1.B.1 

- Y TS 47 - ae ES . 17 La Ta a r LA 





Figura 3. La instalación de las dependencias 
es necesaria para que las aplicaciones funcionen correctamente. 


Prueba de la aplicación 


Después de efectuar la correcta instalación de las dependencias, 
podemos proceder a realizar la ejecución de la aplicación. Para ejecutar 
el programa solo será necesario acceder a una consola y escribir el 
comando que mostramos a continuación: 


node app.js 


o RAIEN 





Para buscar módulos de Node, además de acceder a https://npmjs.org, también es posible utilizar los 


servicios de http://nodetoolbox.com, http://npmdoc.nodejitsu.com y http://eirikb.github.com/ 


nipster. Cada uno de estos sitios ofrece una presentación particular, sin perder la eficacia. 
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EX Administrador: cmd.exe - Acceso directo - node app.js 


C:5Ejemploñppžnode app.-js 
Express server listening on port 34606 





Figura 4. Cuando ejecutamos la aplicación, 
Express nos informa que está escuchando en el puerto 3000. 


Ahora, para verificar que efectivamente la aplicación está 
ejecutándose, tenemos que abrir el navegador y acceder a la siguiente 


dirección: http://localhost:3000. 


Ma Clio 


| Express | t 


A localhost:3 





B- oP peA 


Express 


Welcome to Express 


Figura 5. Ya podemos empezar 
a trabajar en la aplicación porque hemos 
verificado que funciona correctamente. 
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A continuación, vamos a analizar cada uno de los componentes 
de la estructura de la aplicación. 


El archivo app.js 


El archivo app.js es la interfaz por la cual se ejecuta la aplicación, 
y tiene una estructura similar a la siguiente: 


AS 


* Module dependencies. 
a 


var express = require(`express’) 
, routes = require('./routes”) 
, User = require(”./routes/user”) 
, http = require(http”) 
, path = requireCpath'); 


var app = express(); 


// all environments 

app.set'port”, process.env.PORT || 3000); 

app.set views”, _dirname + Vviews/); 

app.setC view engine”, 'jade”); 
app.uselexpress.faviconO); 
app.uselexpress.logger(dev”)); 
app.uselexpress.bodyParser()); 
app.uselexpress.methodOverride()); 
app.usel(app.router); 
app.uselexpress.static(path.join(__dirname, *public”))); 


// development only 

if Cdevelopment' == app.getCenv')) ( 
app.uselexpress.errorHandler()); 

) 

app.get("/, routes.index); 
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app.get("/users”, user.list); 


http.createServer(app).listen(app.getCport'), functionO( 
console.log(*Express server listening on port* + app.getCport)); 
H; 


En el código anterior, primero se importan los módulos que necesitará 
utilizar la aplicación, entre los cuales se encuentran express, path y http. A 
continuación, se crea y asigna una instancia de express en la variable app. 

Luego se utiliza el método set del objeto app para establecer 
variables que estarán disponibles en todo el sistema (es decir, en las 
rutas y las vistas). Las variables que se definen por defecto son el 
puerto, el directorio donde estarán las vistas y el motor de plantillas. 

A continuación, se utiliza el método use del objeto app, que recibe dos 
parámetros: el primero es opcional y define la ruta a la que se aplicará 
el segundo parámetro, que es una función del middleware. Cuando el 
primer parámetro es omitido se establece el valor por defecto “/”. 

Por último, se define el uso del middleware errorHandler() solo para el 
entorno development. Es importante aclarar que es posible configurar las 
variables y habilitar herramientas para diferentes entornos. 


Ruteo 


La característica más importante de Express es su capacidad de 
manejar rutas y acciones correspondientes para cada una de ellas, sin 
las cuales sería imposible generar una interfaz para cada petición del 
cliente. Para manejar las rutas recurrimos al siguiente código: 


app.VERBO(path, [callback], callback); 


J VEEN A NA N A 





En la cuenta de Joyent en Github es posible ver una lista extensa de módulos para Node agrupados por 
categoría, entre las cuales se encuentran: frameworks web, clientes para bases de datos, administrado- 


res de plantillas, CMS, parseadores y manejadores de gráficos. 
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En esta línea, vemos que VERBO puede ser alguno de los métodos 
del objeto http, como get, post, put y delete, entre otros. Luego, como 
parámetros, tenemos path (que es la URL a la que queremos responder), 
[callback] (que es opcional y una herramienta que se va a ejecutar antes 
del segundo callback) y finalmente un tercer parámetro obligatorio, que 
es la acción que se llevará a cabo para atender la petición. 

Como ejemplo agregamos el código al archivo app.js, de manera que, 
cuando se acceda a la dirección http://localhost:3000/info, se devuelva la 
información de la ruta, el host y el protocolo solicitado en formato JSON. 


app.get(Vinfo”, function(reg, res) 
res. JSON(CRuta”  :req.path, 
“Host”  :req.host, 
‘Protocolo’ : req.protocol 
D; 
D), 


Debemos ubicar este código antes del comando http.createServer() del 
archivo app.js. Para probar nuestro ejemplo, abrimos una consola, nos 
situamos en el directorio y ejecutamos la aplicación con node app.js. 


es 


(Pan | 
|<9 http://localhost:3000/info [+ | 
A localhost:3000/info CE- 0P p- A~ 











{ 
"Ruta": "/info", 
"Host": "localhost", 
"Protocolo": "http" 

} 





Figura 6. El servidor devuelve la información de ruta, el host 
y el protocolo en formato JSON cuando se accede a la URL /info. 
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Como vimos anteriormente, es posible definir comportamientos 
para cada ruta que necesitemos atender. Para incluir parámetros a 
una ruta, en el archivo app.js, debajo del método creado anteriormente, 
escribimos el código que mostramos a continuación: 


app.get(Vinfo/:parametro”, function(req,res)( 
var parametro = req.params.parametro; 
switch(parametro){ 
case ‘path’: 
res.sendCPath:* + req.path); 
break; 
case *host': 
res.sendCHost:* + req.host); 
break; 
case 'protocol”: 
res.sendCProtocolo:* + req.protocol); 
break; 
default: 
res.send("Parámetro `“ + parametro + 


\/ 


no existe.”); 


)) 


En este código hemos definido una nueva opción de ruteo para /info, 
donde agregamos la posibilidad de tener un parámetro opcional. Como 
pudimos ver en el código anterior, los parámetros se definen con el 
carácter dos puntos (:) seguido del nombre. 

El valor del parámetro lo capturamos mediante req.params.parametro 
y luego verificamos si coincide con path, host o protocol. En caso de que 
coincida, devolvemos estos valores y, en el caso contrario, notificamos 
al usuario que el parámetro solicitado no existe. 

Volviendo al archivo app.js, vemos que Express genera en forma 
predeterminada las rutas que mostramos a continuación: 


app.get("/, routes.index); 
app.get(Vusers”, user. list); 
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Ahora vamos a analizar de qué manera se atiende cada una de ellas. 
Primero tenemos el ruteo para la página de inicio, en el cual el callback 
es routes.index. Esto quiere decir que se va a devolver el archivo index.js 
del directorio routes. En el archivo tenemos lo siguiente: 


e 
* GET home page. 
El 


exports.index = function(req, res) 
res.renderCindex”, t title: *Express' 3); 
y; 


Lo que encontramos aquí es una función llamada index que utiliza el 
método render del objeto res, propio de Express, que permite devolver 
una página construida a partir de una plantilla 
HTML mediante el motor de plantillas jade. 


Los motores de plantillas son sistemas que PARA CREAR VISTAS 
nos permiten crear vistas dinámicas, donde el DINÁMICAS DE LOS 
principal objetivo es separar la capa de negocio 
de la de presentación. SISTEMAS USAMOS 

Continuando con el método render, observamos LOS MOTORES DE 
que se definen dos parámetros: el primero es 
el nombre de la plantilla que se utilizará para PLANTILLAS 
mostrar el contenido (las plantillas deben estar 
ubicadas dentro del directorio views/ y, para este y y 
caso, se utiliza el archivo index.jade) y el segundo parámetro es un 


objeto JSON que contiene una lista de claves que serán enviadas a 
la vista para ser mostradas en algún contenedor. 
Si observamos el archivo /views/index.jade, tenemos lo siguiente: 


extends layout 
block content 


h1= title 
p Welcome to #{title} 
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Aquí nos encontramos con una estructura bastante diferente 
a la sintaxis HTML convencional, porque jade emplea una sintaxis 
simplificada basada en la indentación para el diseño y, al momento 
de renderizar el contenido, lo transforma en elementos HTML. 

Sin tener en cuenta las dos primeras líneas del código, vemos que 
se define un elemento h1 y un p, en el que se utiliza la variable title 
enviada desde el archivo index.js. 

Para agregar variables a la vista solo es necesario definirlas en 
el JSON del archivo index.js y luego utilizarlas en algún equivalente al 
HTML en el archivo index.jade. Podemos encontrar los elementos que 
dispone jade accediendo a su página oficial: http://jade-lang.com. 

Siguiendo con el archivo llamado index.jade, en la primera línea 
vemos que se define lo siguiente: 


extends layout 


Esto significa que se hace uso del contenido de la plantilla layout 
mediante una extensión. Si observamos views/layout.jade tenemos: 


doctype 5 
html 
head 
title= title 
linkCrel="stylesheet”, href="/stylesheets/style.css”) 
body 
block content 


En este archivo está determinada la estructura de la página HTML; 
podemos ver que solo están definidos los nombres de las etiquetas y 


LEE 





9 SISTEMAS DESARROLLADOS CON NODE 


Actualmente, existen varias opciones para alojar y probar en línea nuestros proyectos creados en Node. 


Entre los más recomendados se encuentran Heroku, AppFog, OpenShift, Nodejitsu y Windows 


Azure. Todos estos servicios ofrecen cuentas gratuitas o triales. 
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los cierres de cada una por su indentación. Para incluir archivos, como 
hojas de estilos, debemos definirlos en el directorio public. En este caso 
se incluye el archivo style.css que se encuentra en /public/stylesheets/. 

Volviendo al archivo principal app.js, tenemos el ruteo para la 
dirección /users: 


app.get(/users”, user.list); 


En este caso se utiliza la función list definida en el archivo routes/ 


user.js, en el cual tenemos lo siguiente: 





No se renderiza el contenido en ninguna plantilla, sino que se utiliza 
el método send para devolver la respuesta en formato String. 


| Firefox y | 


<% http://localhost:3000/users 
eL localhost:3000/users H 








Figura 7. Al igual que /users, podemos definir 
cualquier ruta que necesitemos procesar y devolver una salida. 
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El método res de Express dispone de varias funciones y métodos 
para devolver la salida, entre los cuales se encuentran los siguientes: 


e res.send(): es el método principal para devolver un respuesta al cliente. 

e res.sendfile() envía como respuesta un archivo al usuario. 

e res.JSON(): envía una salida en formato JSON. 

e res.writeHeader() y res.contentType(): definen el tipo de dato que 
devolverá el servidor. 

e res.redirect(): redirecciona el navegador a una URL específica. 

e res.render(): renderiza la salida en una plantilla. 

e res.end(): finaliza la respuesta al cliente. 


Nos quedan por analizar las últimas líneas del archivo app.js: 


http.createServer(app).listen(app.getCport'), functionO( 
console.log(*Express server listening on port* + app.getCport)); 
»; 


Aquí se hace uso del método denominado createServer() 
correspondiente al objeto http, al cual se le pasa como parámetro el 
objeto app de Express, creado y configurado anteriormente. Luego se 
agrega el método listen, al cual se le indica que la aplicación va a estar 
disponible en el puerto definido mediante la variable port. 

Express se presenta como uno de los frameworks más robustos 
y estables para desarrollar aplicaciones en Node, algo sumamente 
importante, ya que nos ahorra mucho tiempo gracias al conjunto de 
herramientas que dispone, a su integración con motores de plantillas 
y a su manera de gestionar el ruteo. 


EMPRESAS QUE USAN EXPRESS 





Entre las empresas más conocidas que actualmente tienen desarrollado algún servicio con Express se 
encuentran MySpace, LearnBoost, Storify, Geekli.st, Prismatic, Persona, Countly, Apiary.io y 


Balloons.io. Diariamente se reportan muchas aplicaciones distribuidas por el mundo que utilizan Express. 
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Socket.10 


Cada vez son más los sistemas web que implementan funciones 
en tiempo real, como las redes sociales Facebook, Twitter o Google+. 
Socket.IO es una librería que nos permite crear sistemas de tiempo 
real. Posee dos componentes principales: uno para 
el cliente que opera en el navegador y otro para 


el servidor. Fue creada por Guillermo Rauch en el SOCKET.I0 UTILIZA 
lenguaje JavaScript y es Cross-platform (es decir, EL PROTOCOLO 
funciona en todos los sistemas operativos). 

En principio, Socket.IO utiliza el protocolo WEBSOCKET, QUE 
WebSocket de HTML5 para la comunicación con CORRESPONDE 


el navegador, pero en caso de que esto falle 

recurre a otras técnicas, como Adobe Flash Sockets, A HTML5 
Ajax long polling o JSONP Polling. La ventaja que 

ofrece para los desarrolladores está en su total 

transparencia al programar, sin importar qué mecanismo se utiliza 

para la comunicación. A continuación, en la Tabla 2, detallamos los 

navegadores soportados: 


NAVEGADORES SOPORTADOS POR SOCKET.I0 


A e w NOMBRE 





E55 

Safari 3 
Escritorio Google Chrome 4 

Firefox 3 

Opera 10.61 


iPhone Safari 

iPad Safari 
Móviles 

Android WebKit 


WebOs WebKit 


Tabla 2. Navegadores en los que es posible utilizar Socket.10. 
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Los usos más comunes de Socket.IO se 


encuentran en la creación de sistemas de chat, 


mesas de ayuda en línea, notificación de estados 


y cualquier otro sistema de comunicación 


asincrónico. Sus métodos más importantes son 


on() y emit(), que se utilizan para esperar por un 


evento y emitir uno, respectivamente. 


Socket.IO es totalmente compatible con Express 


y su implementación es muy sencilla pero, por 


razones de simplicidad, a continuación vamos 


a desarrollar un ejemplo sin utilizar el framework. El propósito será 


agregar nombres a una lista mediante un formulario web y que sean 


visibles para todos los clientes conectados. 


Primero vamos a abrir una consola. Nos situamos en la unidad C: y 


creamos una carpeta con el nombre EjemploSocketI0, y luego instalamos 


Socket.IO mediante el siguiente comando: 


npm install socket.io 


EX Administrador: cmd.exe - Acceso directo 





HDN 


Giv>»cd EjemploSocketl0 


ARANA install socket .io 
://registry.npmjs 


https 
https: 
https 
https 
https 
https 
https: 
https: 
https 
https 
https: 
https 
https 
https 
https 
https: 
https: 
https 
https 
https: 
https 
https 
https 
https 
https: 
https: 


//registry.npmjs 


EA ES 
://registry.npmjs 
IEA A ES 
://registry.npmjs 


//registry.npmjs 


TAE 
MIDA A El 
.0rg/redis/B.7.3 
.0rg/uglify-js/1.2.5 

MAS 
.org/xmlhttprequest/1.4.2 
-0rg/active-x-obfuscator/ð.0.i 
.0rg/uglify-js/1.2.5 
.0rg/active-x-—obfuscator/BM.B.1 
.0rg/xmlhttprequest/1.4.2 
MATES 


://registry.npmjs 
AE A ES 


TAE ES 


://registry.npmjs 
://registry.npmjs 
IEA AE 
://registry.npmjs 


//registry.npmjs 
//registry.npmjs 


://registry.npmjs 
AE A ES 


TAE ES 


://registry.npmjs 
://registry.npmjs 
IEA A ES 
://registry.npmjs 


//registry.npmjs 





le-]|-5)-] (ES) 


Mm 


.0rg/socket.io 
-0rg/socket .io 

-0rg/socket .io-client/ð.9.ii 
.-0rg/policyfile7ð.0.4 
-0rg/base64id/ð.1.ð 
-0rg/redis/ð.7.3 
-0rg/policyfile7ð.ð.4 


DIE AS 


.0rg/zeparser/M.B.5 
-0rg/commander 
-0rg/tinycolor 
-0rg/options 
.0rg/zeparser/M.B.5 
.0rg/options 
.0rg/tinycolor 
//registry.npmjs. 


org/commander 


> vsð.4.25 install C:N\EjemploSocketIO0Nnode_modulesNsocket .ioNnode_modulesNsocke 


Figura 8. Al instalar Socket.lO estamos listos 
para empezar a desarrollar aplicaciones de tiempo real. 


Es momento de crear el servidor, que se va a encargar de procesar 


las solicitudes hechas por el cliente y devolver la salida de manera 
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asincrónica. Para realizar esto, dentro del directorio denominado 
EjemploSocketI0/, creamos un archivo con el nombre servidor.js y el 
código que presentamos a continuación: 


var ¡o = require('socket.¡o”).listen(4000); 
¡o.sockets.on(“connection”, conexion); 


function conexion(socket)( 
socket.on("“nombreNuevo”, emitir); 
console.log(*Se ha conectado un cliente.”); 


function emitir(data)( 
¡o.sockets.emit("nombreRecibido”, data); 
console.log(*Se ha agregado el nombre: ` + data); 


En este código, primero hemos creado una instancia de Socket.IO 
que va a funcionar en el puerto 4000. Posteriormente, mediante el uso 
del método denominado on(), esperamos por el evento connection, que 
ocurrirá cuando un cliente se conecte desde el navegador; cuando esto 
suceda, se va a ejecutar la función conexion. 

En conexion vemos que se pasa como parámetro el socket al cual 
se ha conectado y, dentro de la función que corresponde, tenemos 
nuevamente un método que espera por el evento nombreNuevo; luego, 
se muestra un mensaje en la consola de comandos. 

Cuando el evento nombreNuevo ocurre, se llama a la función emitir, 
a la cual le pasamos como parámetro la información que proviene del 
cliente. Dentro de esta función hacemos uso del método denominado 
emit para publicar la información recibida de todos los clientes 
conectados bajo el evento nombreRecibido. 

A continuación, vamos a crear el archivo de estilos para 
nuestro sistema. No lo explicaremos en detalle ya que no hace a su 
funcionamiento; simplemente, creamos un archivo llamado style.css 
en el directorio raíz del ejemplo y agregamos el siguiente código: 
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body 
color: 4333; 
background: 11333; 
font-family: “Helvetica”, Arial; 
font-size: 12px; 
text-align: center; 

} 

form{ 
background: #CCC; 
border-radius: 10px; 
margin: 10px auto; 
padding: 10px; 
width: 40%; 

} 

form inputí{ 
display: block; 
font-size: 12px; 
margin: 10px auto; 
padding: 0.5em; 
width: 70%; 

) 

hlí 
color:#F FF; 
text-shadow: 10px 10px 10px rgba(0,0,0,0.5); 

) 

divi 
text-align: left; 


y PROYECTOS QUE IMPLEMENTAN SOCKET.IO 





En la wiki de Github de la cuenta de LearnBoost se detallan algunos de los proyectos que implementan 
Socket.l0. Actualmente, la lista se compone de más de veinticinco proyectos, sobre los cuales podemos 
basarnos para crear uno propio. Podemos verlos visitando la dirección https: //github.com/LearnBoost/ 
Socket.l0/wiki/Projects-using-Socket.lO. 
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El paso siguiente es crear la interfaz para el cliente. Para esto, 
creamos un archivo con el nombre index.html: 


<!DOCTYPE html> 
<html lang="es"> 
<head> 
<meta charset="utf-8” /> 
<title>Ejemplo Socket.¡o</title> 
<link rel="stylesheet” type="text/css” href="style.css” /> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/¡query.min. 
js” ></script> 
<script src="http://127.0.0.1:4000/socket.io/socket.io.js” ></script> 
<script src="script.js” ></script> 
</head> 
<body> 
<header> 
<h1>Socket.¡o</h1> 
</header> 
<section> 
<form id=” formulario” name=” formulario” action=”/”> 
<label>¿Cuál es tu nombre?</label> 
<input type="text” maxlength="10" id="nombre” 
placeholder=" Escribe tu nombre” required /> 
<div id="nombres”></div> 


</form> 
</section> 
</body> 
</html> 


En este código hemos definido una estructura HTML5, en la cual 
hemos importado el archivo de estilos css y la librería jQuery. Luego, 
importamos la librería socket.io a través de la dirección IP y el puerto 
que hemos definido en el servidor, más la ruta /socket.¡o/socket.¡o.js. 

A continuación, agregamos el archivo script.js, que vamos a ver luego 
de terminar la estructura HTML. 
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En la estructura hemos definido un formulario que tiene una caja de 
texto donde el usuario va a ingresar su nombre y, más abajo, definimos 
un contenedor con el id nombres, en el cual se irán agregando los otros 
usuarios que realicen un acceso al sistema. 

Una vez definida la estructura que verá el cliente, vamos a crear la 
lógica de comunicación con el servidor. Para esto, creamos el archivo 
script.js con el código que vemos a continuación: 


var sockets = ¡o.connect(http://127.0.0.1:4000”); 


$(document).ready(functionO( 
$CHformulario”).on('submit”, enviarNombre); 


sockets.on('nombreRecibido”, mostrarNombre); 
D 


function enviarNombre(e){ 
e.preventDefaultO; 
sockets.emit('nombreNuevo”, $CHnombre”).valO); 
$CHnombre).val(“); 


function mostrarNombre(nombre)( 
$CHnombres”.append("Acaba de entrar: * + nombre +*<br />); 


En el código que presentamos, primero nos encargamos de crear 
una instancia del socket que se conectará al servidor correspondiente, 
que está esperando por una conexión en el puerto 4000. 

Luego, en el evento ready() del documento, se presenta una primera 
instrucción donde nos encargamos de indicar que, cuando se envía el 
formulario, ejecute la función enviarNombre(). 

En enviarNombre() prevenimos el envío del formulario y emitimos 
el evento nombreNuevo con el valor ingresado en la caja de texto, 

y vaciamos el contenido del elemento. Es importante destacar 
que, cuando se ejecuta el método emit(), desde el cliente se envía 
la información al servidor bajo el nombre definido en el primer 
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parámetro. Continuando con la siguiente instrucción del evento 
ready(), ejecutamos el método on(), que espera a que suceda el evento 
nombreRecibido enviado por el servidor cuando recibe un nombre. 
Cuando suceda el evento nombreRecibido, ejecutamos la función 
mostrarNombre(), que agrega el nombre recibido al contenedor nombres. 
Esto ocurre para todos los usuarios conectados, incluso para el actual. 
Para probar el ejemplo abrimos una consola, vamos a la carpeta 
específica, ejecutamos servidor.js y abrimos index.html en un navegador. 





Esemplo Sockets K t j n 


file///C/Ejemplo Socke tOo /indehtmi 














Socket.io 


e Ae 


¿Cuál es tu nombre? 


E 


Acaba de entrar Firetos 
Acaba de entrar Chrome 
Acaba de entrar E 7 
Acaba de errar E 9 






Acaba ds entrar Firelos 

Acaba Ge ortar Crome 
Acaba ds entrar E 7 
Acaba de entrar E 9 





ES ec l ¡ermplo o ice) O» ¿nx Ë lymp Socio SS e Iamplotocinll O = © X Dir Soctetio 


H CA o) E A e 


¿Ous es ù nomore? 
¿Cuil es u nomore? 
| 


ACIDI e erta Frea 
Acaba Ce efirat Firetos Acaba Ge erga Owrome 
Acata de entrar Chrome Acaba Ce orta 1E7 
Acaba de entrar E 7 Acaba cè ettar Iio 
ACADA dé entar E 9 








Figura 9. Vemos la comunicación en tiempo real desde 
los navegadores Firefox, Chrome, 1E7 e 1E9, simultáneamente. 


Hemos visto que es muy fácil crear sistemas que se desempeñen 
en tiempo real. El funcionamiento es muy similar al de los sistemas de 
chat o notificaciones, por lo que no hemos puntualizado una acción u 
otra sino mostrado la base para cualquier implementación. 


A AA AAA 





Matisse es una herramienta que permite crear wireframes o prototipos, en tiempo real y colaborativo, 


mediante Socket.lO. El único requisito que debemos cumplir para empezar a utilizar la herramienta es 


utilizar cuentas de Facebook, Twitter o Google. 
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2 Nodemailer 


Nodemailer es un módulo para Node que sirve para enviar correos 
electrónicos de una manera sencilla. Soporta diferentes métodos de 
transporte y permite utilizar cualquier tipo de caracteres en el mensaje. 

Posee las siguientes características: 


e Admite cualquier tipo de carácter Unicode. 

e Es posible usar texto plano y contenido HTML en los mensajes. 

e Soporta el envío de archivos adjuntos. 

e Es posible adjuntar imágenes embebidas en el cuerpo del mensaje. 

e Permite utilizar conexión segura. 

e Nos ofrece soporte para tres tipos de métodos de transporte: SMTP, 
Sendmail y Amazon SES. 

e El transporte por SMTP se encarga de mantener una conexión abierta 
para rehusar el mecanismo. 

e Ofrece la posibilidad de utilizar servicios SMTP preconfigurados 
para Gmail, Hotmail, Yahoo, etcétera. 

e Ofrece soporte para el protocolo de autenticación XOAUTH2. 


Ejemplo de prueba 


Realizaremos un ejemplo de prueba donde el objetivo es enviar un 
correo electrónico a un destinatario utilizando el servicio SMTP de Gmail. 

Primero creamos un directorio en la unidad C: con el nombre 
EjemploNodemailer, abrimos una consola y vamos a la carpeta que 
creamos. Ahí instalaremos Nodemailer con la siguiente instrucción: 


npm install nodemailer 


k. MO NAO 





Si queremos saber cómo utilizan Node las empresas más conocidas del mundo tecnológico (como Yahoo, 
Google, Mozilla y LinkedIn), recomendamos leer un interesante artículo, al que podemos acceder desde: 
http://venturebeat.com/2012/01/24/node-at-google-mozilla-yahoo. 
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EX Administrador: cmd.exe - Acceso directo lola la 


CNEjemploNodemailer>npm install nodemailer 

npm https ://registry.npmjs.org/nodemailer 

npm https:7/7/registry.npmjs.org/nodemailer 

npm https ://registry.npmjs.org/simplesmtp 

npm https:7/7/registry.npmjs.org/mailcomposer 

npm https://registry.npmjs.org/simplesmtp 

npm https ://registry.npmjs.org/mailcomposer 

npm https ://registry.npmjs.org/mailcomposer/-/mailcomposer-BM.1.33.tgz 

npm https ://registry.npmjs.org/mailcomposer/—-/mailcomposer-M.1.33.tgz 

npm https:7/7/registry.npmjs.org/rai 

npm https ://registry.npmjs.org/mimelib 

npm https ://registry.npmjs.org/xoauth2 

npm https ://registry.npmjs.org/mime/1.2.29 

npm https:7/7/registry.npmjs.org/rai 
https ://registry.npmjs.org/xoauth2 
https:77/registry.npmjs.org/mime lib 
https:7/7/registry.npmjs.org/mime/i.2.9 
https:77/registry.npmjs.org/encoding 
https:7/7/registry.npmjs .org/addressparser 
https:7/7/registry.npmjs.org/encoding 
https:7/7/registry.npmjs .org/addressparser 
https://registry.npmjs.org/iconv-lite/B.2.” 
https ://registry.npmjs.org/iconv-lite/BM.2.”7 

nodemailer*B.4.4 node_modulesinodemailer 

simplesmtp*B8.3.1 (xoauth2PB.1.8, raibB.1.7> 
mailcomposer*B.1.33 (mime*P1.2.?, mimelib*B.2.12> 


C:NEjemploNodemailer >m 








Figura 10. Una vez instalado Nodemailer, nos muestra 
las dos dependencias incorporadas, simplesmtp y mailcomposer. 


A continuación vamos a crear un archivo con el nombre app.js: 


var nodemailer = require(“nodemailer”); 


var transporte = nodemailer.create Transport(“SMTP”,{ 
service: “Gmail”, 
auth: { 
user: “usuario@gmail.com”, 
pass: “clave” 
} 
y; 


var opcionesMail = ( 
from: “Carlos Alberto Benitez - <cabenitez830gmail.com>”, 
to: “cabenitez830 gmail.com”, 
subject: “Prueba de Nodemailer”, 
text: "Prueba de Nodemailer”, 
html: “"<b>Esto es una Prueba X</b> Y, 
attachments:L 
// Archivo de texto adjunto 
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fileName: 'adjunto.txt”, 
contents: *'Contenido del archivo de texto Adjunto”, 
contentType: “text/plain” 
y 
// Archivo binario adjunto 
{ 
fileName: ‘Check.png’, 
contents: new Buffer CIVBORwOKGgoAAAANSUhEUgAAABAAAAAQ 
AQMAAAAIPWO¡AAAABIBMVEUAAAD/ + 
/+12ZIdAAAAMOIlEQVR4nGP4/5/h/1+G/58ZDrAz3D/ 
McH8yw83NDDeNGe4U' + 
'g9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQA- 
AAAAEIFTKkSuQmCC', 'base64”), 
cid: *checkOnode” 
y 
// Archivo físico adjunto 
{ 
fileName: ‘logo-node.png’, 
filePath: __dirname+”/logo-node.png”, 
cid: ‘logo-node@node” 


transporte.sendMail(opcionesMail, function(error, response){ 
if(error) 
console.log(error); 
else 
console.log("“Mensaje enviado: * + response.message); 
// Descomentar la siguiente línea si no se necesitan enviar mas mensajes. 
/Itransporte.close(); 
y; 


En el código hemos incluido primero el módulo nodemailer, luego 
indicamos que el método de transporte va a ser SMTP y, mediante 
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una estructura JSON, definimos el servicio de envío y los datos de 
autenticación. En este caso, debemos usar una cuenta válida de Gmail. 
A continuación, en la variable opcionesMail, configuramos los 
datos propios del correo electrónico, como quién lo envía, el 
O los destinatarios, el título y el cuerpo del correo. 
Luego, en la clave attachments, indicamos las 
tres maneras de adjuntar un elemento. En la 


primera definimos un archivo de texto plano; EN LA VARIABLE 

luego adjuntamos una imagen en formato PNG, OPCIONESMAIL 

creada a partir de un código en base64 y, por 

último, adjuntamos una imagen que se encuentra PODEMOS 

en el mismo directorio que nuestra aplicación. CONFIGURAR LOS 
Después de haber definido las opciones 

del correo, utilizamos el método sendMail del DATOS DEL E-MAIL 


objeto transporte para enviar el correo. Aquí le 
pasamos como parámetro las opciones definidas 
anteriormente y, como segundo parámetro, ejecutamos una función 
para capturar el resultado de la ejecución en la consola. 

Para probar el ejemplo que acabamos de realizar, debemos 
encargarnos de abrir una consola de comandos, situarnos en 
la carpeta EjemploNodemailer/ y ejecutar node app.js. 


EX Administrador: Windows! system32cmd.exe - node app.js 


C:5>cd EjemploNodemailer 


CG:=EjemploNodemailer>node app. Js 
Hensaje enviado: 250 2.0.0 OK 1369705433 f A E EA TO -— gamt 





Figura 11. Al enviarse el correo electrónico, 
Nodemailer nos informa que todo ha salido bien. 
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Como podemos comprobar, Nodemailer es una excelente opción 
para enviar correos electrónicos de una manera muy fácil y segura. 


Prueba de Nodemailer Le 


Al Carlos Alberto benitez - <cabenitez83@gmail.com> e v 


para mi |» 


Esto es una Prueba Y 


3 archivos adjuntos 


E Check.png 
1kb Ver Compartir 


logo-node.png 
MN © 0 (9) 2kb Ver Compartir 


adjunto.txt 
a 1kb Ver 


Figura 12. En el cuerpo del mensaje recibido, vemos 
el texto en formato Unicode y los archivos adjuntos. 


M node redis 


Como su nombre lo resume, node_redis es el cliente Redis para Node 
recomendado por el sitio oficial de Redis. Soporta todos los comandos, 
incluso los agregados recientemente como EVAL. Este cliente fue 
desarrollado por Matt Ranney y puede ser instalado como módulo con 
npm. El único requisito que necesitamos cumplir es tener instalado Redis 
en nuestro servidor. Para conocer su funcionamiento, vamos a crear un 
ejemplo sencillo donde trabajaremos con los tipos de datos de Redis. 

Primero crearemos una carpeta en la unidad C: con el nombre 
EjemploNodeRedis. Luego deberemos abrir una consola e instalar 
el módulo con el siguiente comando: 


npm install redis 


El paso siguiente es crear el archivo app.js: 
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var redis = require Credis”), 
cliente = redis.createClient(); 
// cliente.select(3, functionO) (/* ... */ 1; 


cliente.onCerror”, function (err) { 
console.log(Error* + err); 
P 


I/I Strings =============================== 
cliente.set('node_redis:String”,*hola Mundo!”, redis.print); 
cliente.get("node_redis:String”, redis.print); 


Flashes =====S===2=====5====25==5====S== 
cliente.hmset(‘node_redis: Hash’, ‘Nombre’, ‘Juan’, ‘Apellido’, ‘Perez’, redis.print); 
cliente.hgetall(“node_redis: Hash”, function (obj) { 

console.log(obj); 
D; 


for (var i = 0; i <= 5; i++) { 
cliente.rpush(‘node_redis: List’, ‘Valor ` + i, redis.print); 
y; 


Sets: =================2=====>5========== 
cliente.saddnode_redis:Set:Set1”,*Hola”, redis.print); 
cliente.saddnode_redis:Set:Set1”, *'Mundo”, redis.print); 
cliente.saddnode_redis:Set:Set2”,'Mundo”, redis.print); 
cliente.saddnode_redis:Set:Set2” 'Maravilloso”, redis.print); 
cliente.sinter'node_redis:Set:Set1” 'node_redis:Set:Set2”, redis.print); 
cliente.sunionC'node_redis:Set:Set1” *'node_redis:Set:Set2”, redis.print); 


ES Ud === === == === == 
cliente.zadd("node_redis:SortedSet”, 1,*Uno”, redis.print); 
cliente.zadd("node_redis:SortedSet”, 2,*Dos”, redis.print); 
cliente.zadd('node_redis:SortedSet”, 3, Tres”, redis.print); 
cliente.zrange('node_redis:SortedSet”, O, -1, redis.print); 
cliente.quit(); 
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En el código, primero incluimos el módulo y luego creamos una 
instancia con el método createClient(). En este método podemos definir 
opcionalmente el puerto y el host de conexión a Redis (por defecto, se 
utilizan 6379 y localhost, respectivamente). 

A continuación, nos encontramos con una línea comentada donde 
podemos seleccionar la base de datos a la que nos vamos a conectar. 
Y en la siguiente instrucción, en caso de existir algún error, lo 
capturamos y lo mostramos en la consola. 

En las siguientes líneas del bloque de código nos encargamos de 
trabajar con los tipos de datos string, hash, list, set y sorted set, 
donde los comandos utilizados en Node son los mismos que se definen 
en Redis. Como último parámetro de cada método, definimos el 
comando redis.print para imprimir el resultado en la consola. 

Para ejecutar la aplicación, abrimos una consola, nos situamos en 
el directorio del ejemplo y ejecutamos node app.js. 


EX Administrador: cmd.exe - Acceso directo | 


G:N?cd EjemploHodeRedis 


O y TT a 
Pi 


ii 
Es 
3 
E 
5 
A 
i 
1 
i 
i 


z Mundo 
z: Mundo .„Hola,. Maravilloso 
1 


- 1 
z Uno, Dos, Tres 


C:5EjemploNodeRedis > 








Figura 13. Mediante el comando redis.print 
vemos el resultado de cada interacción de Node con Redis. 


Podemos verificar que, efectivamente, hemos creado las claves en 
Redis mediante la herramienta phpRedisAdmin. En nuestro caso, abrimos 
un navegador y nos dirigimos a http://localhost/phpRedisAdmin. 

Como hemos visto, el cliente node_redis es muy simple de instalar y 
utilizar. Es la alternativa perfecta para interactuar con Redis desde Node. 
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ati) ales 
| $3 127.0.0.1 - phpRedisAdmin | + 
€ A localhost/phpRedisAdmin/?view&s=0&key=node_redis%3AHa 3 3 E Google P Era 








phpRedisAdmin node_redis:Hash 7 % = 


Local Server v Type: hash 


osz TTL: 


sF Add another key 


does not expire A 
Encoding: zipmap 

















Size: 2 items 
[L Keys 
= y node_redis Key Value 
Hash 
List Nombre Juan Z X 
3 (Y Set 
Seti Apellido Perez Z XK 
Set2 
SortedSet sł Add another value 
String 


Figura 14. Mediante phpRedisAdmin podemos 
ver y administrar las claves creadas desde Node. 


àl Redis Commander 


Redis Commander es un módulo para 


Node que permite ver, editar y administrar REDIS COMMANDER 

bases de datos creadas en Redis. Su instalación PERMITE TRABAJAR 

es sencilla y similar a cualquier módulo de Node, 

solo tenemos que abrir una consola y escribir el CON BASES 

siguiente comando: DE DATOS CREADAS 
npm install -g redis-commander EN REDIS 
Luego de haber instalado el módulo de manera 

global, lo ejecutamos a través del comando: 


redis-commander 
Por defecto, el módulo se conecta a la base de datos 0 en el servidor 


local y es posible acceder a la interfaz web desde el navegador a través 
del puerto 8081 de localhost. 
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La interfaz web de Redis Commander ofrece características muy 
útiles, como la posibilidad de agregar servidores locales y remotos, y 
permite administrar todas las claves y bases de datos. Además, dispone 
de una consola para ejecutar directamente los comandos de Redis y 
una ventana interactiva para consultar los comandos disponibles. 

Podemos conocer más sobre Redis Commander accediendo al sitio 
web que se encuentra en la siguiente dirección: http://nearinfinity. 
github.io/redis-commander. 














A 58 
| {i Redis Commander: Home | + | 
A localhost:8081 C |E- Googie Plg- A~ 


>=fredis Commander 





AE Add Serve Delete Key 
4-  localhost:6379:0 
[A dy circulo:* (1) ÉS 
¿4 iij alberto:* (1) ane 


= H familia (4) 
< $- U] cliente:* (101) 

| 4- |] imagenes:* (2) 
= b- [D 6529:* (2) 
¿plo list! (1) 

E 114 node_redis:* (6) 
- HE Hash 

p List (90) 


usuario:juan 


usuario:tomás 







usuario:eve 


usuario:fabián 





i ~ abc String 
¿E ool nombres (11771) 
| 4. |] usuario:* (2) 
CUE 

: È abc visitas 

4- (13 5:* (1) 
: i- abc visitas 
> E localhost:6379:1 


Figura 15. Con Redis Commander podemos 
administrar las bases de datos de Redis desde un navegador web. 


Nodemon 


Nodemon es una herramienta que permite monitorear aplicaciones 
desarrolladas con Node, con la particularidad de que, ante cualquier 
cambio producido en el directorio, reinicia automáticamente la 
aplicación. No es necesario realizar ningún cambio en las aplicaciones 
para implementarla, sino reemplazar el comando node [nombre de la 
aplicación] por nodemon [nombre de la aplicación] para iniciar la aplicación. 

Para probar Nodemon, crearemos un simple ejemplo donde 
imprimiremos la fecha y hora actual en la consola, y lo iniciaremos con 
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el módulo. Luego vamos a realizar un cambio en el archivo principal 
para verificar que ha reiniciado de manera automática. 

Primero debemos instalar el módulo. Para esto, utilizamos npm 
y lo hacemos de manera global mediante la siguiente instrucción: 


npm install -g nodemon 


EX Administrador: cmd.exe - Acceso directo 


AA install -g nodemon 

https :7rregistry.npmjs .org/nodemon 

https: registry.npmjs .org/nodemon 

https :7rregistry.npmjs .org/nodemon—z/nodemon—-6.7.8. 
1 A AE o ia E 
ARIS AA IRA AAA IES 
ode_modules*nodemon*nodemon. Js 
nodemon*68.7.8 Cinllsers*hbeto*AppData*Eoaming»npmrsnode_modules*"node 


EA 





Figura 16. Al instalar Nodemon 
globalmente, podemos monitorear cualquier aplicación. 


Después de instalar el módulo vamos a crear una carpeta en la 
unidad C:, con el nombre EjemploNodemon, y dentro de ella app.js: 


var fecha = new Date(); 


var anio = fecha.getFullYear(); 
var mes = fecha.getMonth(); 
var dia = fecha.getDate(); 

var hora  =fecha.getHours(); 


var minutos = fecha.getMinutes(); 
var segundos = fecha.getSeconds(); 
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var fechaSalida = dia + V + mes +‘ + anio + `` + hora +`: + minutos +!:” + 


segundos; 


console.log(Esta app se ejecutó: ` + fechaSalida); 


En este código primero hemos declarado una variable que contendrá 
la fecha actual, de la cual obtendremos el año, el mes, el día, la hora, 
los minutos y los segundos, para después concatenarlos en una 
variable y mostrarlos junto a un texto en la consola. Para ejecutar la 
aplicación abrimos una consola, ejecutamos el comando que sigue: 


nodemon app.js 


EA Administrador: cmd.exe - Acceso directo - nodemon app.js 


C:5EjemploHNodemon >nodemon app.-jz 
36 May 23:17:23 — 


36 May 23:17:23 — 





Figura 17. Al ejecutar nuestra aplicación, Nodemon 
nos indica que se está monitoreando el directorio en espera de cambios. 


Para verificar que nuestra aplicación reinicie de manera automática, 
cambiamos el archivo app.js reemplazando la siguiente línea: 


console.log(Esta app se ejecutó: ` + fechaSalida); 
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Por esta otra: 


console.log("Esta aplicación se ejecutó: * + fechaSalida); 


Guardamos los cambios y observamos en la consola el 
comportamiento. 


EN Administrador: cmd.exe - Acceso directo - nodemon app.js 


AA A AA OA ES 

38 May 23:17:23 -— 

38 May 23:17:23 -— 

38 May 23:17:23 —- 

38 May 23:17:23 — 

Esta app se ejecutó: 38/14/2813 23:17:23 

38 May 23:17:23 — 

30 May 23:27:34 — Enodemon] restarting due to changes... 
30 May 23:27:34 —- Enodemon] C:>sEjemploNodemonsapp.. js 


380 May 23:27:34 — 
Esta aplicación se ejecutó: 3ðr4/2013 23:27:34 
36 May 23:27:34 — 





Figura 18. Podemos observar que, al detectarse un cambio en el archivo 
app.js, el módulo nodemon reinició automáticamente la aplicación. 


Nodemon es útil en la fase de desarrollo, ya que no necesitamos 
estar pendientes de reiniciar la aplicación ante cada cambio efectuado. 





Conocimos algunos de los módulos más importantes de Node. Entre ellos, aprendimos a estructurar 


un sistema con Express, a manejar eventos de tiempo real mediante Socket.l0 y a enviar correos elec- 
trónicos directamente desde Node. Como vimos, es posible conectarnos a bases de datos como Redis 
simplemente con instalar un módulo, y además disponer de un administrador para gestionar los datos. 
Por último, conocimos Nodemon, un módulo muy útil en el proceso de desarrollo de las aplicaciones, que 


reinicia automáticamente el sistema ante algún cambio. 
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Actividades 


TEST DE AUTOEVALUACIÓN 


¿Un framework MVC define cómo estructurar un sistema? 

¿Existen otros frameworks MVC diferentes a Express? 

¿Express permite utilizar sesiones, cookies y variables POST y GET? 

¿Es posible pasar parámetros a las rutas en Express? 

¿Socket.lO permite crear un sistema de chat o juego en línea? 

¿Cuáles son los dos métodos fundamentales que se utilizan en Socket.l0? 


¿Socket.lO es soportado por navegadores móviles? 


0 N QO 0 A Où N m 


¿Es posible enviar correos electrónicos utilizando una cuenta de Gmail mediante 
Nodemailer? 


9 ¿Cuáles son los tres tipos de métodos de transporte que soporta Nodemailer? 


10 ¿Nodemon debe instalarse de manera global?¿Por qué? 


EJERCICIOS PRÁCTICOS 


1 Implemente un sistema de ruteo en el ejemplo de Express para gestionar 
usuarios, únicamente devolviendo una plantilla. 


2  Implemente un sistema de notificaciones con Socket.l0. 


Modifique el ejemplo de Nodemailer para enviar un correo a varios destinatarios 
con copia a un tercero. 


Implemente un sistema de persistencia de usuarios en Redis utilizando Express. 


5 Implemente Nodemon en cada ejercicio creado anteriormente. 


7 SANTA 





Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse 
con nuestros expertos: profesorOredusers.com 
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ARME UNA RED PASO A PASO o 


Este libro se dirige a fotógrafos amateurs, En este libro encontraremos una completa Esta obra está dirigida a todos aquellos que 
aficionados y a todos aquellos que quie- guía aplicada a la instalación y configu- buscan ampliar sus conocimientos sobre 
ran perfeccionarse en la fotografía digital. ración de redes pequeñas y medianas. Access mediante la práctica cotidiana. 
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Este libro nos introduce en el apasio- Esta obra presenta un completo recorrido Este libro está dirigido tanto a los que se 
nante mundo del diseño y desarrollo a través de los principales conceptos sobre inician con el overclocking, como a aque- 
web con Flash y AS3. las TICs y su aplicación en la actividad diaria. llos que buscan ampliar sus experiencias. 
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Este manual único nos introduce en el Esta increíble obra está dirigida a los entu- Esta obra se encuentra destinada a todos 
fascinante y complejo mundo de las redes siastas de la tecnología que quieran apren- los desarrolladores que necesitan avan- 
inalámbricas. der los mejores trucos de los expertos. zar en el uso de la plataforma Adobe Hash. 
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Un libro clave para adquirir las herra- 
mientas y técnicas necesarias para 


crear un sitio sin conocimientos previos. 


> 320 páginas / ISBN 978-987-1773-99-2 
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"o SOLUCIONES PARA LA PEQUEÑA 'Y MEDIANA EMPRESA 


Esta obra presenta todos los fundamentos 
y las prácticas necesarios para montar 
redes en pequeñas y medianas empresas. 


> 320 páginas / ISBN 978-987-1773-80-0 
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Una obra para aprender los fundamentos 
de los microcontroladores y llevar adelante 
proyectos propios. 


> 320 páginas / ISBN 978-987-1773-56-5 
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Una obra para aprender a programar en 
Java y así insertarse en el creciente mer- 


cado laboral del desarrollo de software. 
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Una obra única para aprender sobre el 
nuevo estándar y cómo aplicarlo a nues- 
tros proyectos. 
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Un manual único para aprender a desa- 
rrollar aplicaciones de escritorio y para 
la Web con la última versión de Cf. 
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MAXIMECE LA INCREIBLE POTENCIA DE ESTE LENGUAJE 


Este libro presenta un nuevo recorrido 
por el máximo nivel de C# con el objeti- 


vo de lograr un desarrollo más eficiente. 
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Un libro imprescindible para aprender 
cómo programar en VB.NET y así lograr 
el éxito profesional. 
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Un manual imperdible para aprender 
a utilizar Photoshop desde la teoría hasta 
las técnicas avanzadas. 
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Una obra imprescindible para quienes 
quieran conseguir un nuevo nivel de 
profesionalismo en sus blogs. 
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Este libro presenta la fusión de las dos 
herramientas más populares en el desa- 


rrollo de aplicaciones web: PHP y MySQL. 


> 432 páginas / ISBN 978-987-1773-16-9 





AUN ZA 





PROGRAMACION DE STOS WEB PROFESIONALES 


Este libro brinda las herramientas para 
acercar al trabajo diario del desarrollador 
los avances más importantes en PHP 6. 
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Un libro único para ingresar en el apa- 
sionante mundo de la administración 
y virtualización de servidores. 
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Este manual va dirigidotanto a principiantes 
como a usuarios que quieran conocer 
las nuevas herramientas de Excel 2010. 
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Un libro imprescindible para quienes 
quieran aprender y perfeccionarse en el 
dibujo asistido por computadora. 
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Esta obra permite sacar el máximo provecho 
de Windows 7, las redes sociales y los 
dispositivos ultraportátiles del momento. 
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Esta guía enseña cómo realizar un correcto 
diagnóstico y determinar la solución para 
los problemas de hardware de la PC. 
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DESATE EL PODER OCULTO DEL LETIKAD SISTEMA DE MICROSOFT 


Este libro único nos permitirá alcan- 
zar el grado máximo en el manejo de 
Windows: Administrador Profesional. 
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Los temas más importantes del universo de la tecnología, desarrollados con 
la mayor profundidad y con un despliegue visual de alto impacto: 





| 03 04 explicaciones teóricas, procedimientos paso a paso, 
USERS 0 videotutoriales, infografías y muchos recursos más. 
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œ 25 Fascículos Curso para dominar las principales herramientas del paquete Adobe CS3 y 
pomine lashestals » 600 Páginas conocer los mejores secretos para diseñar de manera profesional. Ideal para 


w2DVDs/2Libros quienes se desempeñan en diseño, publicidad, productos gráficos o sitios web. 
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Obra teórica y práctica que brinda las habilidades necesarias para  »25Fascículos a | 
convertirse en un profesional en composición, animación y VFX » 600 Páginas fun E de 
(efectos especiales). »2CDs/1DVD/1 Libro cinematog 





» 25 Fascículos Obra ideal para ingresar en el apasionante universo del diseño web y utilizar 
600 Páginas Internet para una profesión rentable. Elaborada por los máximos referentes 
w4CDs en el área, con infografías y explicaciones muy didácticas. 
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Brinda las habilidades necesarias para planificar, instalar y administrar = 25 Fascículos I 
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MEA 
SISTEMAS WEB ESCALABLES 


Este material está dirigido a desarrolladores interesados en implementar tecnologías de última generación. En sus páginas, 







el autor explica en qué consiste la escalabilidad y cómo crear sistemas de alto rendimiento. 
A lo largo de los capítulos se verá cómo desarrollar sistemas escalables mediante ejemplos con PHP, uno de los lenguajes más po- 
pulares de la web, y utilizando una de las bases de datos NoSQL más veloces del momento: Redis. Al mismo tiempo, se trabajará con 
Node.js, la tecnología que está revolucionando la experiencia de los usuarios en sistemas de tiempo real. 

Al finalizar la lectura el lector podrá aplicar todo lo aprendido en el desarrollo de su propia red social, mediante una guía paso a paso 
con indicaciones detalladas. 


bé Implementando sistemas capaces de evolucionar 
en el tiempo obtenemos la flexibilidad necesaria 
para responder al crecimiento del tráfico. 


e EN ESTE LIBRO APRENDERÁ: 


p Introducción a los sistemas escalables: tipos de escalabilidad y aspectos 
a considerar en el diseño. Bases de datos NoSQL: MongoDB, Cassandra y Redis. 


> Redis: uso conveniente e instalación. Tipos de datos y comandos. Clientes 
disponibles para PHP. Administración: replicación, persistencia y opciones 
de seguridad. 





> Paradigmas de programación: orientada a objetos, imperativa, declarativa, >> Carlos Benitez es Analista de 


, , Sistemas especializado en 
estructurada, orientada a aspectos y orientada a eventos. , . 
tecnologías web y entusiasta en 


b Node.js: características y soluciones que ofrece. Cuándo conviene utilizar esta la investigación e implementa- 


> PS S a f a ción de nuevas tecnologías. Ha 
tecnología y cómo instalarla. Estructuración del código, manejo de peticiones . 
i , dictado seminarios de desarrollo 
y gestión de módulos. 


de sistemas web, trabaja como 
UNIX Developer y actualmente se 
encuentra desarrollando un siste- 
ma SaaS de gestión de tareas. 


> Desarrollo de una red social: aplicación práctica de la teoría aprendida en 
un sistema que refleja todas las características que deben tener los escalables. 
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